Hi,
I'm trying to develop a pwa application, the endusers should use it in mobile or tablette or using browser in his/he laptop, actually I'm struggling with the font-size and the width with the elements(images, title,..) could you give some advices which css style I use please? is there in outsystem some defined css style which work on all devices ?
thanks
Hello! Okay, so basically, if the goal is for users to use your app on both mobile, tablet, and laptop devices you should create a reactive application. A responsive interface that runs in the browser, displaying a user experience adapted to all kinds of devices and screen sizes. You can interact with the device's features and capabilities by extending the app scope with HTML5 and JavaScript. You only need a browser to run it. This type of app is mostly used to display high volumes of data like dashboards and tables and is crucial when targeting web and responsive apps. Basically, you can do everything. When speaking to design responsive applications, I think you should go through the FrontEnd guide path. It provides useful tips on how to make applications like the ones you want. (https://www.outsystems.com/training/paths/16/becoming-a-front-end-developer-in-outsystems/)Anyway, for me, these are the important documentation links you should follow:
Best regards,
Ana
thnaks for your reply, for my usecase I'm using a web app, because I want to use the offline mode.
Hello again, I'm sorry, but I think your comment and your question weren't clear enough. I thought you were asking how to do responsive CSS and which CSS tips the community could provide to you in order to achieve that. Now you are talking about offline mode... Can you please clarify what you want to achieve from this post on the community? Best regards, Ana
Yes, I said I'm trying to develop a PWA because I want to use the offline mode thats why the endusers should have access to it via browser and mobile and tablette
Hello again,Okay, so, as you are able to check on the following documentation link:
Due to that, I advise you to follow the notes presented in the documentation, it will be enough for you to achieve the look and feel you are expecting for all devices: