Wrong margin set to checkbox

Post Reply
Babas007
Posts: 250
Joined: 24 May 2011, 09:42

06 Jun 2018, 15:01

For some reason, a margin-right of 4px is set to checkbox, see:

Code: Select all

body .ui-chkbox {
  display: inline-block;
  vertical-align: middle;
  cursor: default;
  margin: 0 4px 0 0;
}
First I don't think it is necessary to set a margin-right to this component (PF does not apply any), second if selection is enabled in datatable, checkboxes are not centered due to this margin-right.

My thought: remove "margin: 0 4px 0 0;"

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

11 Jun 2018, 09:15

We'll check and get back to you.

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

11 Jun 2018, 10:24

You could use this css code:

Code: Select all

body .ui-chkbox {
                display: inline-block;
                vertical-align: middle;
                cursor: default;
                margin: 3px 0 0 -1px;
 }
Image

If you don't like this, you could change the margin settings, according to your project.

Post Reply

Return to “Barcelona - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest