jQuery UI Widgets Forums Grid CheckBox in Header Row Not Centered

This topic contains 7 replies, has 2 voices, and was last updated by  Stanislav 2 years, 4 months ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • CheckBox in Header Row Not Centered #98344

    wsundet
    Participant

    I am using Grid with selectionmode:’checkbox’. The checkbox associated with each row is centered in the first column but the checkbox in the header row is right-justified. Is there a way to center the checkbox in the header row?

    Thank you,
    wsundet

    CheckBox in Header Row Not Centered #98365

    Stanislav
    Participant

    Hello wsundet,

    Can you please send us an example?
    I didn’t see anything with my test.

    You can try to align it yourself as well, using CSS.

    Best Regards,
    Stanislav

    jQWidgets Team
    http://www.jqwidgets.com/

    CheckBox in Header Row Not Centered #98482

    wsundet
    Participant

    How can I send you a screen shot?

    CheckBox in Header Row Not Centered #98513

    Stanislav
    Participant

    Hello wsundet,

    I guess you can, yes.
    But if its something specific from your code, I will not be able to help you fully.
    I guess if you send me an image I can give you advice on how to approach the issue.

    Best Regards,
    Stanislav

    jQWidgets Team
    http://www.jqwidgets.com/

    CheckBox in Header Row Not Centered #98570

    wsundet
    Participant

    This is a short example of my code. Are there properties that affect the position of the checkboxes (right, center, left)? As I mentioned before, the checkboxes in the rows are centered, the checkbox in the header is right justified..
    How can I insert a jpg in a post? Or how can I send you a jpg?

    Thank you

    $(‘#ProductSummary’).jqxGrid(
    {
    source: dataAdapterProduct,
    editable: true,
    selectionmode: ‘checkbox’,
    altrows: true,
    editmode: ‘click’,

    columns: [
    {
    text: ‘Product’,
    columntype: ‘textbox’,
    datafield: ‘illness’,
    width: ‘38%’,
    cellsalign: ‘center’,
    align: ‘center’,
    editable: false,

    },

    CheckBox in Header Row Not Centered #98576

    Stanislav
    Participant

    Hello wsundet,

    You can use this website: Link and send us the link.

    Using .jqx-checkbox-default I was able to center the checkbox in the header manually /using margins/.
    From the sample, I didn’t see anything that should break it.

    Best Regards,
    Stanislav

    jQWidgets Team
    http://www.jqwidgets.com/

    CheckBox in Header Row Not Centered #98661

    wsundet
    Participant

    https://s9.postimg.org/7v93d3cnj/Checks.jpg

    I appreciate your help. The checks look the same in a browser and in a native app with iOS and Android.
    Could you please send me an example of your solution?

    Thank you,
    wsundet

    CheckBox in Header Row Not Centered #98674

    Stanislav
    Participant

    Hello wsundet,

    Here is a very basic example, you can try these two examples, and see which works better for you.
    Link

    If you want to custom position the checkbox, see the examples on HERE.

    Best Regards,
    Stanislav

    jQWidgets Team
    http://www.jqwidgets.com/

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.