checkboxes and check dont fit together

checkboxes and check dont fit together

MadMax76MadMax76 Posts: 149Questions: 33Answers: 1

HI,

I have the problem, that the chechs are shown above or below the checkbox, but not on it.
Example: http://freigabe.kontura.at/test/Opt2.html

What am I doing wrong?

Thanks
Max

This question has an accepted answers - jump to answer

Answers

  • kthorngrenkthorngren Posts: 20,142Questions: 26Answers: 4,736

    You are using Bootstrap3 to style the page but you aren't using the Datatables Bootstrap 3 integration files. See this doc for more information. See this example of Editor with BS 3. You can use the Download Builder to get the proper files for Bootstrap 3 styling.

    Kevin

  • MadMax76MadMax76 Posts: 149Questions: 33Answers: 1

    i did a new download with the builder, and got exactly the sme files again. I also changed the css- and js-files for the bootstrao ones in the header, but I mustr bemissing something still...please have another look.

    Thanks
    Max

  • colincolin Posts: 15,112Questions: 1Answers: 2,583

    Did you choose BS3 for the styling, see here : https://datatables.net/download/#bs/dt-1.10.24 ?

    If so, can you send the link for the download, please, so we can take a look. It'll be in the header of the download files.

    Colin

  • MadMax76MadMax76 Posts: 149Questions: 33Answers: 1

    THanks, I did the download again - the layout is quite different, but the checkboxes and checks again dont fit together:
    http://freigabe.kontura.at/test/Opt2.html

    Thanks
    Max

  • allanallan Posts: 61,445Questions: 1Answers: 10,053 Site admin

    I'm getting a JS error when loading the page:

    Uncaught TypeError: $.fn.dataTable is undefined
    

    And the page looks like this:

    I'm assuming that isn't expected?

    Allan

  • MadMax76MadMax76 Posts: 149Questions: 33Answers: 1

    sorry the bootsstrap-integration kind of killed the site - here
    http://freigabe.kontura.at/test/Opt2.html
    without bootstrap, checkboxes and check dont hit each other.

    Here
    http://freigabe.kontura.at/test/Opt_bootstrap.html
    with bootstrap, same problem plus there seems to be no minimum-size for the columns.

    regards, Max

  • allanallan Posts: 61,445Questions: 1Answers: 10,053 Site admin
    Answer ✓

    For your first one use:

    table.dataTable.compact tbody td.select-checkbox::before {
      margin-top: -8px;
    }
    
    table.dataTable.compact tr.selected td.select-checkbox::after {
      margin-top: -25px;
    }
    

    It looks like the font-sizes are causing the defaults to go out of alignment.

    Regards,
    Allan

  • MadMax76MadMax76 Posts: 149Questions: 33Answers: 1

    thanks, that does the trick!!!! B)

This discussion has been closed.