Creating a custom dashboard

Good morning


Is it possible to create something similar to the below dashboard for my mobile app?

So inside the circle i want it to display "AmountRequested/TotalDepenedentsEspenses"

The details to the right of the circle should display the expenses items i.e Accommodation, groceries, schoolfees etc



Hi,

Yes that should be possible, did you experience problem achieving your goal?

Regards,

Daniel

Daniël Kuhlmann wrote:

Hi,

Yes that should be possible, did you experience problem achieving your goal?

Regards,

Daniel

Hi Daniël

Thank you for your speedy response. I'm new to this app development so im struggling a bit. The only option i see in the mobile app development module is creating a dashboard with a pie chart or a donut chart but nothing similar to what i have in mind. 

If there's a module or document to help me create this please could you kindly direct me to it. i would greatly appreciate it


Regards

Diemiso

Hi Diemiso,

I see you have a background as UX designer. Did you make yourself already familiar with the way OutSystems approaches UX/UI. There is great free learning material available, and even a guided paths for becoming a mobile developer or a front end developer.

Then there is also the OutSystem UI web site with all the available widgets, patterns, and screen templates, most of them actually work and are customizable from the site. Making yourself famiiar with what the OutSystem UI framework has to over will speed up your think process on how to implement a UI in OutSystems.

Also there is a customer website: https://outsystemsui.outsystems.com/OutSystemsUICustomizer/

Regards,

Daniel

Daniël Kuhlmann wrote:

Hi Diemiso,

I see you have a background as UX designer. Did you make yourself already familiar with the way OutSystems approaches UX/UI. There is great free learning material available, and even a guided paths for becoming a mobile developer or a front end developer.

Then there is also the OutSystem UI web site with all the available widgets, patterns, and screen templates, most of them actually work and are customizable from the site. Making yourself famiiar with what the OutSystem UI framework has to over will speed up your think process on how to implement a UI in OutSystems.

Also there is a customer website: https://outsystemsui.outsystems.com/OutSystemsUICustomizer/

Regards,

Daniel

Thank you,


I've just recently completed the becoming a mobile developer module. I will have a look at the other links you have provided to learn more

Thanks again for your assistance


In the OutSystems UI web site there are number widgets, maybe you can use one of those, with some custom CSS applied to make the circle bigger. When you get stuck, just reach out for help again in this thread.

  

Diemiso Solomon wrote:

Good morning


Is it possible to create something similar to the below dashboard for my mobile app?

So inside the circle i want it to display "AmountRequested/TotalDepenedentsEspenses"

The details to the right of the circle should display the expenses items i.e Accommodation, groceries, schoolfees etc



Hi, Diemisio checks the UI patterns page and try to find what you need or and idea to replicate what you need on your app:

https://outsystemsui.outsystems.com/OutSystemsUIWebsite/PatternOverview

https://silkui.outsystems.com/Patterns.aspx

https://outsystemsui.outsystems.com/OutSystemsUIWebsite/ScreenOverview?RuntimeId=2


Best Regards

Carlos Lessa