45
Views
5
Comments
Solved
spacing issue with dropdown font
Question
Application Type
Reactive

Hello everyone,

Im developing reactive web app.

dropdwon im using should have some space before words , how to give space. 

i tried with padding , not worked.

can anyone help me here.


Regards.

2021-09-06 15-09-53
Dorine Boudry
 
MVP
Solution

Oh no, 

It's much more obvious :

You have given the widget itself an inline style of padding : 0px

Remove that.

2021-09-06 15-09-53
Dorine Boudry
 
MVP

Hi @Leo thomas ,

you'll have to share your oml, or plenty of screenshots of your implementation, we can't tell by a picture of the UI what the cause is.

This sure isn't how a standard Outsystems dropdown looks, it has a padding by default.  

So you either added some extra CSS to break this, or you are using the option of Custom content and are not styling that properly or ???

look at your page with Chrome tools, this is how standard dropdown gets padding :

Dorine

UserImage.jpg
Leo thomas

Hi Dorine,

Thanks for the response,

only for that dropdown im getting this 

how to solve this , any suggestion.


Regards.

2021-09-06 15-09-53
Dorine Boudry
 
MVP

The strikethrough means it is overridden by some other CSS rule, it should be there in your styles pane, probably a bit higher up, just look for a padding rule without striketrough.

You can uncheck that one to verify if it is the culprit.

2021-09-06 15-09-53
Dorine Boudry
 
MVP
Solution

Oh no, 

It's much more obvious :

You have given the widget itself an inline style of padding : 0px

Remove that.

UserImage.jpg
Leo thomas
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.