Turning a 'dmx-radio-group' into a Conditional Region loses the Radio Group functionality

Wappler General
1

I have a Radio Group with is="dmx-radio-group".
The column Properties gives me the option to Make Conditional Region.
When I make the Radio Group into a Conditional Region the 'is=' changes from
is="dmx-radio-group"
to
is="dmx-if"
which then means that because it is no longer an is="dmx-radio-group" then the Group’s value cannot be selected in the data picker.

Am I doing something wrong?

I suppose what I have been doing is…
turning a ‘Radio Group Column’ into a ‘Conditional Region Column’ rather than
adding the functionality of a ‘Conditional Region’ to a ‘Radio Group’
which are two different things.

So what should I be doing?
Should I be putting the Radio Group inside a ‘Section’ that is set as a Conditional Region?
Problem is then that I don’t want any CSS attributes to upset the layout. I just want a non-attributed container.

2

You can’t have two is= attributes on the same element.
Just wrap your radio group in a div and apply the conditional region to it.

3

Hi Teodor, yes I have come to realise this now, it wasn't so obvious to me.
Your solution is a very simple one, thanks.

4

When I add a simple div there is no option to ‘Make Conditional Region’. In fact the ‘plain’ div is not visible in the App Structure and therefore these type of options are not selectable.

This means I have to know what to add manually OR as a workaround, I can add a <div class="col">, then ‘Make Conditional Region’, and then when the Conditional Region is set-up I can remove the col class.

This is not an ideal workflow, perhaps this could be revisited by the team or a better workaround suggested?

This is what I saw previously on the Radio Group

image

5

Yes and as discussed multiple times in our community - App Structure is only showing the App Structure and the Components in it, the App Structure is not a DOM tree.

You can add whatever element you like - section, container, column etc and make it a conditional region. You can strip the classes, you can add a conditional region directly in App Structure as well ... your choice.

1 Like