Remove empty space on select option

Support
1

I always get an empty option in the select field types, even though I defined a default option and add correct field types ‘select’. need suggestion and help how to solve this,

{
“options”: “Live, Under Maintenance”,
“default”: “Live”
}

image-2020-03-04-15-57-24-474
image-2020-03-04-15-57-24-4741461×685 48.5 KB

2

Hi @hafizi :slightly_smiling_face:,
Did you solve your problem with your empty option ?
I tried this solution but it doesn’t work for me…

3

Currently there is always an empty option rendered with the other select options

You could create a JS script, that is loaded after rendering and removing the first empty option.
Or use a CSS block.

// config/bootstrap.php

$app->on('collections.entry.aside', function ($collectionName) {
  echo "
<style>
 select[bind^=\"entry\"] > option[value=\"\"]:first-child{ display: none; }
</style>
  ";
});
1 Like
4

Thanks abernh, :slight_smile:
I’ll do that!!!