Conditional ui blocks for page width

UI Builder
1

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

3

Hello @Dalubuhle_Lunga

I’ve created an example

  1. Cell with full width
    1
    13366×676 88.9 KB
  2. 2
    23394×596 96.8 KB
  3. Container classist logic
    3
    32682×718 86.8 KB
  4. 4
    43482×614 108 KB
  5. Switch/togler onChange logic
    5
    51478×588 68.5 KB

Regards
Viktor

4

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.

5

Here is my App id

544AC90A-D633-2481-FF10-B387FC691800

6

@Dalubuhle_Lunga

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
7

vic
vic1918×256 1.32 KB

vik
vk
vk823×327 14.3 KB

8

vck
vck1091×276 15.8 KB

9

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

10

Hey Vik.
It works! Thanks alot.

11

hey Viktor. I need help understanding this logic.

“useGridColumnEnd10”

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?

12

Hello @Dalubuhle_Lunga

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

Regards,
Viktor

1 Like
13

ok thanks alot.