rmav01
Enthusiast
Enthusiast

Dropdown Format Issue with Long Subnet Names - AWS Request Form

Hi all,

I'm on vRA 7.5, and have the latest/greatest versions of both Chrome and Mozilla. When I attempt to order an AWS server against a specific location the subnets that are listed out in the drop down are always skewed:

pastedImage_0.png

This graphical behavior always happens no matter if I use Chrome or Mozilla. I tried to tweek some of the styles through my browser's inspector to see if I could perhaps update the CSS files on the appliance to clean it up a bit. Unfortunately I was only able to change the size of the dropdown, not the menu that pops up underneath.

One thing I did learn after looking through the CSS was that this GUI appears to have been written in ExtJS. If that's the case, I'm thinking that the picker being used to show the subnet values might need to be updated to use the matchFieldWidth attribute set to false. This would allow the picker underneath to extend longer than the parent combobox. This Fiddle illustrates the difference in behavior:

Sencha Fiddle

Is this something that can be addressed in a future release? Thanks!

Tags (2)
0 Kudos
5 Replies
daphnissov
Immortal
Immortal

You can use CSS in your custom form to affect this behavior by lengthening the width of the field. Have you tried that yet? It may prevent this word wrap issue you're experiencing.

0 Kudos
rmav01
Enthusiast
Enthusiast

I looked into manipulating the CSS and custom forms. There are two problems this approach:

1. The picker is dynamically generated when the user clicks the combobox. When I went into the inspector view and extended the width of the parent combobox, the picker still had the subnets scrunched together. So even if I were to write a CSS to change the width from 500px to larger value, something is still making it look like what I posted earlier. I'm still under the impression the change needs to be made in the ExtJS code itself.

2. The subnet field for AWS blueprints is an integer pertaining to an identity in an IaaS database table. There is some custom logic being done in the out of the box form that is querying the DB and spitting out subnet names in the picker. I would need to re-invent the wheel to pull the subnets down from the DB through a custom action that queries the DB. There are several other fields that are also based on identities in the DB that would need to be accounted for as well.

I don't remember having this problem in 7.4. The GUI change seems to be locking the widths of these values somewhere. Since this is an out of the box IaaS blueprint type, I hope it is something that the VMware dev team can address.

0 Kudos
daphnissov
Immortal
Immortal

You may really want to open an SR on this one so they can track it. Lastly, have you applied the latest hotfix for vRA 7.5? Not sure it'll address this issue, but it would address others.

0 Kudos
prestonville
Enthusiast
Enthusiast

We have 7.5 and use Mozilla (not the latest) and adding HF1 cleared up display issues for various menus. HF1 lists fixing I.E issues but also seems to fix Firefox display issues.

HF1 went on easy for me. Like the patch info in the 7.5 5480 management interface.

0 Kudos
rmav01
Enthusiast
Enthusiast

I deployed Hotfix 2 this afternoon on it and this GUI quirk still exists. Guess I'll have to wait for VMware to fix it... Smiley Wink

0 Kudos