Solomon Habtu
Posts: 0
Joined: Thu Dec 04, 2014 5:42 pm

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

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.

avf
Posts: 0
Joined: Fri Sep 26, 2014 11:23 am

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

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.

Evgene Karachevtsev
Posts: 12
Joined: Mon Apr 28, 2014 1:12 pm

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

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"

Solomon Habtu
Posts: 0
Joined: Thu Dec 04, 2014 5:42 pm

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

Thank you avf and Evgene for your great advise.

Return to “Issues”