How can you set the size of dropdown in workflow smaller size just to fit the content?

Dibya Pradhan

September 19, 2016 21:16

Hi,

 

How can you set the size of dropdown in workflow smaller size just to fit the content? Is that done with the changes to the desktop.css?

 

 

0

• 

  Permanently deleted user

  September 19, 2016 22:42

  Hi Dibya,

   

  The combobox should automatically adjust to be the width of the largest item in the list.  You can change the width in the CSS file but it would change it for all comboboxes, not something you are likely wanting to do.  Can you provide a screenshot of what you are encountering now?

   

  Regards,

   

  Wayne Richard

   

  Latitude Geographics Group Ltd.

   

  Head Office: 300 – 1117 Wharf Street  Victoria, BC Canada V8W 1T7

   

  Tel: (250) 381-8130 | Fax: (250) 381-8132 | wrichard@latitudegeo.com

   

  Developers of Geocortex web-based mapping software | www.geocortex.com

   

  An Esri Platinum Business Partner

  0
• 

  Dibya Pradhan

  September 20, 2016 13:34

  Thanks Wayne.

   

  The problem is it's not automatically adjusting to the width of largest item. Its lot larger than that.

   

  Here I wanted these input to be horizontal but because of the size of dropdown it's not possible.

   

  _img_ alt="User-added image" src="https://latitudegeo--c.na53.content.force.com/servlet/rtaImage?eid=90760000000PD02&feoid=Body&refid=0EM60000000HS7r"_/_img_

   

  Can you also point me to any post that will tell me more about how to use css with the workflow form items like dropdown box?

   

  Thanks,

   

  Dibya

   

   

  0
• 

  Amanda Frech

  October 24, 2016 22:41

  Hi Dibya,

   

  I believe the default behaviour for ComboBox items is to fill the area they're in if their parent Group or Groupbox has its 'Items Orientation' property set to Vertical. If that property is set to Horizontal, they should adjust their size to the largest item on the list like Wayne said. That's the only thing I can think of at the moment, but if you'd like to post your workflow (or a version of it with just the form) here or send it to afrech@latitudegeo.com I could take a look at it.

   

  You're correct in that custom css changes can be made using the shell css files for the site (ie. desktop.css). In Chrome you can right click your form items and use inspect to get an idea of how to select them for the css file, however I'm not aware of any way to select specific form items individually. For example, the following would make your ComboBoxes 50 pixels wide, but it would also affect every ComboBox that is within a GroupBox in every workflow that your site has: .workflow-container fieldset select{ width: 50px; min-width: 50px; } Hope that helps!

   

  Amanda

  0

Please sign in to leave a comment.