Is it possible to put items from the itempicker list in a scrollable panel?

Permanently deleted user

17. Januar 2022 14:26

In the Essentials WF's DisplayResultpicker, large number of items were scrollable without losing sight of the menu buttons. In WF5 itempicker you have to scroll the whole item list down to proceed with a button action.

0

• 

  Colin Doak

  1. Februar 2022 00:40

  There's no way to configure overflow behaviour in Workflow Designer.  It is possible to do this using the Inject CSS activity, however.  Each form element's class follows the following pattern:

  gcx-forms-[form element id] where [form element name] is the id of your item picker.  So, if you have an item picker with the name examplePicker then the css would look something like:

  .gcx-forms-examplePicker .items {
      overflow: scroll;
      height: 200px;
  }

  Add the above the an Inject CSS activity content at the start of your Workflow and see if it works.  You may need to play with it a bit to make it behave the way you want.

  A word of warning:  CSS can be very browser specific so test thoroughly against the target browsers before deploying.

  Hope this helps,

  Colin

  1
• 

  Jeff DeWitt

  15. Dezember 2023 16:45

  Here is the updated code for the Inject CSS activity for a form in a VertiGIS Studio Web application:

  [id^="gcx-forms-itemPicker1"] ul.ItemPicker-list-items {
  overflow-y: scroll;
  height:150px;
  }

  Just replace the itemPicker1 value in this example with the ID of the specific item picker in your form and change the height to whatever size you want. Thanks so much to Amanda Frech from support for that code, worked perfectly!

   

   

  
  

  2

Bitte melden Sie sich an, um einen Kommentar zu hinterlassen.