Spinner size

Post Reply
FkJ
Posts: 182
Joined: 08 Jan 2010, 19:16

22 Aug 2018, 16:50

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)

huseyinT
Posts: 123
Joined: 27 Mar 2016, 13:05

28 Aug 2018, 06:56

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.

FkJ
Posts: 182
Joined: 08 Jan 2010, 19:16

28 Aug 2018, 14:06

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.

huseyinT
Posts: 123
Joined: 27 Mar 2016, 13:05

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,

FkJ
Posts: 182
Joined: 08 Jan 2010, 19:16

29 Aug 2018, 16:37

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

huseyinT
Posts: 123
Joined: 27 Mar 2016, 13:05

30 Aug 2018, 12:45

You are welcome.

User avatar
aragorn
Posts: 3286
Joined: 29 Jun 2013, 12:38

08 Oct 2018, 10:54

This issue is resolved.

Post Reply

Return to “Manhattan - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest