UI Issues with VCloud 10.1

[VedikaGujar-GSLab]

Hello,

I really needed some help, can you please guide.

I have created VCD Plugin (Angular 4.x with Clarity 0.10.x), where I have uploaded on VCloud Directory version 9.5,9.7,10 so everything works fine. But on VCloud Directory version 10.1 the whole UI gets distorted, I even tried upgrading Angular 6.x and Clarity 0.13.x, but still there are UI issues.

Below are the images for VCloud Directory 10.1

Below are images which works perfectly fine with VCloud Directory 9.7,9.5

Is there anything which we are missing? Can you please help us or can you please share any support emailId which can be reachable? Your help will be highly appreciated. :)

[HynesIP]

If you have access to the CSS file in Cloud Director, then use that file in your plugin. You can get a copy from the Developer Console in Chrome under the Sources tab.

[HynesIP]

To be more clear, than the above quick response above. The CSS from 9.7 to 10.1.2 changed. In our case, I had taken a copy of 9.7 and modified branding for /provider, then pointed to the modified file with the provider branding call. Whenever the vCloud team upgraded to Cloud 10.1.2, the difference between the versions was revealed. The same as @VedikaGujar-GSLab experienced. I got a copy of the CSS file for 10.1.2 from the Developer Console, then made the branding changes to that and uploaded it. Worked as expected.

I use the Themes plugin from this samples repository to create a named theme and upload the CSS file. I use Postman to access the vCloud API and change the /provider theme to CUSTOM and match the name I gave the new theme with the Themes plugin.

[HynesIP]

@jmoroski, @nvladimirovi, Is there going to be point where the Angular 4.4.4 (Seed 9.1) Plugins will need to be upgraded? The CSS change was a surprise that caused a midnight update during a change window. Higher ups were called and concerned. Don't want to make the jump to 10.2 and learn at the last minute that our Plugins stop working as expected.