vSphere web client icon library and CSS

[ashutosh_sant]

Hi,

We are working on a plugin that requires us to build custom views based on the TOC/Detail pattern. I have 2 questions -

1. We would like to use the icons from the vSphere web client. e.g. We want to use the same icon for export as the vSphere web client stock view uses. Can we use the icons and if yes, where can we get access to the icon library?

2. To achieve the same look, can we use the CSS the vSphere web client uses and if yes, how can we get access to it?

Apologies in case the question has been already answered. Would appreciated a link to the discussion as I did not find it.

Thanks & Regards,

Ashutosh

[laurentsd]

Re-using the Web Client icons is OK as long as they represent the same function or object in your UI.  We don't package an icon library, icons are spread out in various war files in serenity-client/plugin-packages/vsphere-client/plugins. Here is the Export icon:

Regarding the look and feel, your custom widget will automatically pick-up the styles defined by the Web Client container as long as you don't specify a particular style and you are using standard Flex components.  If you need to build a consistent style here is the spec to follow:

UX Design Standards for vSphere Web Client - vSphere UX Design - VMware Developer Center

[ktryl]

How abut HTML Bridge plugins? Is there any CSS/templates/icons for HTML elements? Will web client apply some default styling to the HTML plugin page?

[laurentsd]

In version 5.5 you are on your own for styling your HTML plugin page.  We are working on improving this in the next release.

[vManav]

Do we have a default css file for the UI ?

[compuverdez]

Are there any updates on the default CSS file?

[laurentsd]

Sorry, there is no update in 6.0.