Page 1 of 1

Spinner size

Posted: 22 Aug 2018, 16:50
by FkJ
Hi,

I noticed that the spinner is a bit smaller than other input fields.

https://www.dropbox.com/s/uzxzyh2o7pygi ... r.png?dl=0

Could you please take a look? (This also happens with the showcase sample. I had to take print and open on GIMP to check)

Re: Spinner size

Posted: 28 Aug 2018, 06:56
by huseyinT
You could add this css code in your page:

Code: Select all

.ui-spinner .ui-spinner-button .ui-icon-triangle-1-n{
                font-size: 14px;
            }

.ui-spinner .ui-spinner-button .ui-icon-triangle-1-s{
                font-size: 14px;
            }
You could change font-size according to your needs.

Re: Spinner size

Posted: 28 Aug 2018, 14:06
by FkJ
Thanks for the suggestion. With 14px font-size the component is a bit bigger, but it's still smaller than others. If I use more than 14px only the icon grows.

Re: Spinner size

Posted: 29 Aug 2018, 07:34
by huseyinT
This CSS code is a help to you. You should change height according to others.

Code: Select all

.ui-spinner input{
     height: 22px;
 } 
Glad to help,

Re: Spinner size

Posted: 29 Aug 2018, 16:37
by FkJ
huseyinT wrote:
29 Aug 2018, 07:34
This CSS code is a help to you. You should change height according to others.

Code: Select all

.ui-spinner input{
     height: 22px;
 } 
Glad to help,
Now it works. Setting it to 32px did the trick. Thanks again

Re: Spinner size

Posted: 30 Aug 2018, 12:45
by huseyinT
You are welcome.

Re: Spinner size

Posted: 08 Oct 2018, 10:54
by mert.sincan
This issue is resolved.