Skip to Content
Author's profile photo Devaraj NS

Profiling Dashboards with Responsive UI

This is a followup for the Blog written by Ingo Hilgefort on Making your dashboard Responsive – in a simple way

I will share some experience of using it. I was able to create the below layout in 15 minutes./wp-content/uploads/2016/01/desktopbrowser_876937.jpg

Have created Header, Eight Panels and made them as part of the Responsive UI Container:

/wp-content/uploads/2016/01/desktop_876938.jpg

For iPad and Tablet devices created a specific profile:

/wp-content/uploads/2016/01/profile_876939.jpg

The ResponsiveUI comes with three default profiles: Mobile, Tablet and Desktop.

Also it enables us to define our own profies based on requirements.

Customized the same dashboard with the New layout settings for the iPad profile:

/wp-content/uploads/2016/01/ipad_876940.jpg

For iPad Profile, placed all the KPITiles as part of same panel instead of keeping them in individual panels.

The output of the same Dashboard is different for iPad and similar devices as below:

/wp-content/uploads/2016/01/ipadbrow_876947.jpg

The best part is the different profiles also can be scripted for other purposes too.

Assigned Tags

      1 Comment
      You must be Logged on to comment or reply to a post.
      Author's profile photo Neetha Anitha P
      Neetha Anitha P

      Hi ,

      responsive UI is an sdk or its a componenet of design studio it self.

      Thanks

      Anitha