Height of Dropdown

[SunakoChan]

Hi - I wanted to know if it is possible to  adjust the height of the Dropdown and the options inside.

[telly]

Hi @SunakoChan,

Yes, it is possible, adjust the height of the Drop-down and the options inside.

You may paste this code on the header of the DataPage

<style>
.cbFormSelect{
font-size:26px!important;
}
</style>

Or you may adjust the font size on the style. Just go to Style > Fields > Dropdown/Listbox > change the size.


I hope this helps.

Regards,
Telly


 

[telly]

Hi @SunakoChan,

Also, here are helpful links that you can check:
- https://howto.caspio.com/datapages/datapage-components/datapage-header-and-footer/
- https://howto.caspio.com/faq/web-forms/how-to-disable-html-editor-in-datapage-headerfooter-and-html-blocks/
- https://howto.caspio.com/datapages/responsive-datapages/modifying-styles-for-tablet-and-mobile/

Regrads,
Telly

[SinJunYoung]

Additional link: https://howto.caspio.com/styles/add-rounded-borders-to-fields-2/

[Kurumi]

Hi - For height of Dropdown, you can have this style:
 

<style>

.DropBox {
max-height: 180px !important;
}

</style>

You can change the 180px for your preferred height. I hope this helps!