Page 1 of 1

How to change the width of any cell of a mobile grid

Posted: Thu Dec 18, 2014 9:05 pm
by Solomon Habtu

Halo,
I have a grid with 2 column and 1 row, where the first column has image and the second has text component inside connected to database. By the time when there is no image source I need the text to use the whole area. Means I don't need to see a vacant space front of the text. Is there any any soluton jquery or Apperyio code. Ideally I was thinking to give the first cell width to 0px or 0%, when there is no image data, but I don't know the jquery or Apperyio code.
Thank you.


How to change the width of any cell of a mobile grid

Posted: Thu Dec 18, 2014 9:11 pm
by avf

You could select the cell and change its properties on the "Properties" menu at the right side of the editor screen under "COMMON"-"Dimension".
PS: I'd set it for at least 3 or 4px, so you would be able to select it again, if needed.


How to change the width of any cell of a mobile grid

Posted: Thu Dec 18, 2014 9:36 pm
by Evgene Karachevtsev

Solomon,

Most of Appery.io code is private and hidden from user. jQuery integrated in the Appery.io project and is easy to use. To solve your problem you need to find selector with jquery
http://api.jquery.com/category/select...
First please cell and style to it
http://api.jquery.com/css/
width: 0px;

You can find your id for your cell by next rule
page_name+component_name
For example id="startScreen_mobilegridcell_19"


How to change the width of any cell of a mobile grid

Posted: Fri Dec 19, 2014 8:20 pm
by Solomon Habtu

Thank you avf and Evgene for your great advise.