Yii Framework Forum: GridView, how to make the checkbox of CheckboxColumn bigger? - Yii Framework Forum

Jump to content

Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

GridView, how to make the checkbox of CheckboxColumn bigger?

#1 User is offline   xPeng 

  • Junior Member
  • Pip
  • Yii
  • Group: Members
  • Posts: 48
  • Joined: 04-August 15

Posted 02 December 2017 - 01:35 PM

Problem solved:


use:
input[type="checkbox"]{
transform:scale(4,4);
}


for GridView » CheckBoxColumn to make checkbox big enough on mobile phone.

===========================================On the mobile phone are the checkboxs to small to click.

The
input[type="checkbox"]{
transform:scale(2, 2);
}
works only on the desktop but mobile phone.


The
input[type="checkbox"]{
margin: 0px;
padding: 0px;
}
didn't work at all.



It would be enough if the margin and padding to the table border could be set to 0.

Thanks in advance.

Peng
0

#2 User is offline   alrazi 

  • Elite Member
  • Yii
  • Group: Moderators
  • Posts: 1,500
  • Joined: 08-August 12
  • Location:Durban, South Africa

Posted 03 December 2017 - 02:49 AM

use a label and style with css here is an example


https://codepen.io/alrazi/pen/wPNjrq
0

#3 User is offline   xPeng 

  • Junior Member
  • Pip
  • Yii
  • Group: Members
  • Posts: 48
  • Joined: 04-August 15

Posted 03 December 2017 - 01:49 PM

View Postalrazi, on 03 December 2017 - 02:49 AM, said:

use a label and style with css here is an example


https://codepen.io/alrazi/pen/wPNjrq


Thanks. I wouldn't work, because each checkbox needs a id to get a label.

-------------------------------------------------------------
It works fine now with:
input[type="checkbox"]{
transform:scale(4,4);
}
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

1 User(s) are reading this topic
0 members, 1 guests, 0 anonymous users