VMware Cloud Community
chrischrischris
Enthusiast
Enthusiast

Need help with CSS for vRA Custom Form: my CSS creates a large gap between the text field label and the text field contents.

I need help with the CSS for my vRA Custom Form: my CSS creates a large gap between the text field label and the text field contents.  See atttached  screen capture showing the large gap.

 

CSS:

#textField_ccdbc05b  div div {
    width: 250%;
    background-color: aqua;
    border: 1px solid black;
  }

Reply
0 Kudos
8 Replies
daphnissov
Immortal
Immortal

Show the field in your custom form that corresponds to this CSS, please.

Reply
0 Kudos
chrischrischris
Enthusiast
Enthusiast

Thanks!  Here it is:
Reply
0 Kudos
daphnissov
Immortal
Immortal

Change the width statement to be 700px instead of 250% and test.

Reply
0 Kudos
chrischrischris
Enthusiast
Enthusiast


  #textField_ccdbc05b  div div {
    width: 700px;
    background-color: #E8E8E8;
    border: 1px solid black;
  }
 

Reply
0 Kudos
chrischrischris
Enthusiast
Enthusiast

Looks like with "700px" it gets truncated.
Reply
0 Kudos
daphnissov
Immortal
Immortal

Also not working as desired in 7.5. May be a bug with this type of field, not sure. Feel free to open an SR and inquire officially.

Reply
0 Kudos
chrischrischris
Enthusiast
Enthusiast

Thanks for your help and for checking under vRA 7.5

How do I open an SR?

Reply
0 Kudos
daphnissov
Immortal
Immortal

Go to your MyVMware portal and click on Support.

Reply
0 Kudos