jQuery UI Widgets › Forums › Grid › CheckBox in Header Row Not Centered
Tagged: checkbox, jqxGrid ;, selectionmode
This topic contains 7 replies, has 2 voices, and was last updated by Stanislav 6 years, 12 months ago.
-
Author
-
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,
wsundetHello 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,
StanislavjQWidgets Team
http://www.jqwidgets.com/How can I send you a screen shot?
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,
StanislavjQWidgets Team
http://www.jqwidgets.com/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,},
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,
StanislavjQWidgets Team
http://www.jqwidgets.com/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,
wsundetHello wsundet,
Here is a very basic example, you can try these two examples, and see which works better for you.
LinkIf you want to custom position the checkbox, see the examples on HERE.
Best Regards,
StanislavjQWidgets Team
http://www.jqwidgets.com/ -
AuthorPosts
You must be logged in to reply to this topic.