Toolbar ribbon in the designer

[stevemoga]

What would cause the Profound UI Visual Designer toolbar ribbon be "collapsed" like this? (see image attached)

Ribbon_Collapsed.png (27.28 KiB) Viewed 785 times

What drives the .css in the Designer?
Is it in the ../profoundui/userdata/genie skins/"default skin" folder?

[Scott Klement]

Steve,

This looks like someone changed your CSS. Keep in mind that the Visual Designer is just a web page, like evreything else in your browser.. if somone adjusts the CSS that it's using, you can easily screw up it's appearance.

The Visual Designer will automatically load and use any CSS or JS files that are put in the IFS under /www/YOUR-INSTANCE/htdocs/profoundui/userdata/custom or any subdirectories beneath 'custom'.

I've seen cases where customers will have problems like this when they copy or symlink their Genie skin's CSS file to the above directory (or a subdirectory beneath it). It makes sense that you want to do this because you've created all sorts of custom CSS classes that work nicely in your "MYSKIN.css" file, and you want those to look the same in the visual designer. Unfortunately, some of the genie skin CSS will conflict with the designer's build-in CSS.

If that's the problem you're experiencing, my suggestion would be to create a separate file that only has your custom CSS (and not the stuff used by the Genie skin) and call it something like "dealertrack.css" or "dtcustom.css" or whatever. Put it under the above mentioned 'custom' directory, but then also add it to your Genie skin by modifying the 'start.html' and adding a <link> tag pointing the URL to '/profoundui/userdata/custom/XXXX.css'. Since you're adding a new file (rather than linking in all of the stuff in the Genie skin CSS) it should not interfere with the visual designer as long as you use your own class names. Since it's both under 'custom' and linked into the Genie skin, these classes will be available in both environments.

Good luck!

[stevemoga]

That worked. Thanks!