As Shown in snap can any one help me to create such type of ui which is there in gallery experience.
Solved! Go to Solution.
All colors, line style ..etc.. is managed by CSS stylesheets and images.
To make Tabs at left, It is possible to create a svg image for each tabs in Inkscape.
In Vuforia Studio, in 2D canvas, use a Tab Widget, with a Tab Orientation set to Vertical.
In each Tab item, in Class field add a custom class specific to the Tab.
In CCS style displayed an image.
To make the right panel, it is possible to use a Popup Widget.
Switch off the Centered checkbox.
Enter in Top, Bottom, left, and Right fields, the dimensions needed to your needs.
Again with a custom CSS class, control the background color, the border line thickness and color ...etc...
When clicking in tab 1, it will hide all Popup Widgets and display the Popup Widget related to tab 1.
Doing the same when clicking tab 2 ...etc...
Is it helping you ?
Please find attached a small example.
I made simpler than the solution described in my first post.
The tab buttons are only Images who size is modified by a CSS style sheet when we are hover.
Popup Widget are displayed by a binding on the right Image.
Another bindings close all other popups.
Popups have a CSS stylesheet to have the same border color as the tab Image.