PDA

View Full Version : Size of rows



chuckatkinson
16-Apr-2014, 03:56 PM
Is there an easy way to increase the vertical height of cWeblist/cWebGrid rows. We are looking at our website on various tablets and the rows are too small for effective clicking/tapping. Also can't get a double-tap to work to select on a row on a tablet (iPad for example). Our workaround is to put an edit button on the row, but even this is too small for my fat fingers ;)

chuckatkinson
16-Apr-2014, 04:22 PM
A delayed Worsley moment :p

Here is the CSS to increase the size of the rows. Took some finding but not as hard as I thought at first.

Added this to my application.css and I get a much larger row size. I wish I knew how to use the @media query stuff to do this just for tablet computers. But anyway this is a short-term solution.




#OWEBAPP .WebGrid .WebList_Body .WebList_Row td, .WebList .WebList_Body .WebList_Row td{
padding-left: 6px;
padding-right: 6px;

height: 40px;
border-left: 1px solid #ECECEC;
}


Of course your color will be slightly different since this is based on Modern Sky.

Chris Spencer
16-Apr-2014, 04:33 PM
There really does need to be a roadmap for what does what etc and where to find what to change for various effects

Mike Cooper
16-Apr-2014, 05:30 PM
Welcome to javascript!