Component Parameters for Row (Standard/Reverse)

[designerken]

Since the Standard/Reverse direction on a row is a boolean setup in Pro. Do I need to duplicate this row with a left version and a right version and use conditional properties to hide show the rows if I want the user to choose a left or right layout in the component I am making? Is there a way to do this without duplicating rows?

[tristup]

Hi @designerken,

Thanks for reaching out.
It is not very clear what you are trying to acheive here. Are you trying to change the position of the Row based on user input? If that is the case, you need to duplicate the Row and show the Row based on value. There is no option to change the direction dynamically.

Thanks

[designerken]

Sorry I forgot to attach my screen shot.

Yes, I am trying to make a component element that allows the person to choose a left/right layout and have it update immediately. Like I stated the option for standar/reverse on a row is a boolean value and cant be targeted in breakout mode.

So Looks like duplicating the row it is or create a left component and a right component

[ruenel]

Hello @designerken,

Even with the BreakOut Mode, you cannot change the layout direction with your parameter.

You may be able to do it with a custom inline CSS for the element. You just need to update your value in the parameter.

{ "value" : "row", "label" : "Left" }
{ "value" : "row-reverse", "label" : "Right" }

Having it this way, you can use the Flex-Direction in the custom inline CSS:

• CSS flex-direction property (w3schools.com)

Be advised that custom CSS coding is beyond the scope of our support under our Support Policy. If you are unfamiliar with code and resolving potential conflicts, you may select our One service for further assistance.

Best Regards.