List-Box inside the Collapsible Section

[FinTheHuman]

Hello,

I'm in the middle of creating my application and while I was following the "Create Collapsible Section" (https://howto.caspio.com/tech-tips-and-articles/advanced-customizations/tech-tip-creating-collapsible-sections/) in the Caspio's online help center and include my multi select listbox inside the collapsible section, I can't see my data inside it: 

Can anyone help me? 

Thanks

[Aether]

Hi @FinTheHuman,

You can try to adjust the field width in the configuration of the field:

I hope this helps

~WatashiwaJin~

[FinTheHuman]

Hi @WatashiwaJin,

Thank you for the answer, but the listbox still remain like that and nothing change even if I change the width to Pixel or Percent and even Auto. Do you have any workaround?

Thanks.

[Aether]

Hello @FinTheHuman,

That is indeed an unusual behavior, well you can try to add this code to the Header: 

<style>
.cbFormSelect {
min-width: 400px !important;
}
</style> 

Just to alter the width of your multi select Listbox. And make sure that you unchecked the "enabled HTML Editor" in the advance option of the Header.

I hope this helps  

~WatashiwaJin~

[FinTheHuman]

Thanks @WatashiwaJin it was working now and I see the data inside my listbox!

[Anthony]

@FinTheHuman, You mentioned you got this working. I tried to add the style in the header but no luck. Was there anything else you did to get this to work? My sections display are "none" by  default and so when I open them, all the listbox fields look the same as yours did in your first post.