Skip to main content

We're using the AX - Button Group component within an Aura community and are having issues configuring the layout of the buttons. I disabled the "Display as Row" setting, but the buttons are still displayed horizontally. Is there an additional step I'm missing? 

How to Stack Buttons Vertically in Button Group Component

 

 

2 réponses
  1. Hier, à 13:53

    Hello Sue, 

     

    Display As Row controls whether the buttons are joined or spaced apart, and both are horizontal. The Button Group has no vertical layout, so that toggle was never going to stack them, and there is nothing to chase in your CSS or your cache. Our Experience Cloud Documentation page said otherwise, which is what sent you looking, and we've corrected it now. 

     

    For a vertical column, drop a separate AX - Button into the region for each of your five links. They stack on their own. Each one takes a Link To for the destination and a Stretch setting so they share the column width, and the Background, Label, and Border styling you are using now is available on each of them, so you can rebuild the same look. The trade-off is that you set it per button instead of once on the group. 

     

    Thanks,

0/9000