Conditional ui blocks for page width

I need to change the grid-column-end span from 10 to 12 with an Onclick event.

Hello @Dalubuhle_Lunga

I’ve created an example

  1. Cell with full width
  2. Container classist logic
  3. Switch/togler onChange logic


Hie Viktor. Its not working for some reason. Iv tried creating a fresh page to impliment your example and its also not behaving the way i expect it to.

Here is my App id



I made a mistake
It is example to change a grid-column-end span from 12 to 10

Just replace 10 to 12

1 Like


I’ve attatched screenshots, please help me get it working.

Hey Vik.
It works! Thanks alot.

hey Viktor. I need help understanding this logic.


on the class list logic we just got that property from page data? does the word “use” have a specific use/meaning in backendless? Also did it recognized “GridColumnEnd10”? Am trying to manipulate something else with codeless blocks and and failing to understand the exact reason why we said “useGridColumnnEnd10” the last time. Is it because backendless will be able to read it as is? Or any words could have worked?

Hello @Dalubuhle_Lunga

“useGridColumnEnd10” - It’s a name of variable. It can have any name. We have set this name on 5th screenshot


1 Like

ok thanks alot.