How to implement button group in web application with outsystems11?

Hi guys,

I want to implement button group like this one:

Hi Ding,

So you already have found the documentation page  that explains how to do it https://www.outsystems.com/outsystems-ui/patterns/web/ButtonGroup

https://success.outsystems.com/Documentation/11/Developing_an_Application/Design_UI/Patterns/Using_Web_Patterns/Controls/ButtonGroup

What problem are you running into?

Regards,

Daniel


Daniël Kuhlmann wrote:

Hi Ding,

So you already have found the documentation page  that explains how to do it https://www.outsystems.com/outsystems-ui/patterns/web/ButtonGroup

https://success.outsystems.com/Documentation/11/Developing_an_Application/Design_UI/Patterns/Using_Web_Patterns/Controls/ButtonGroup

What problem are you running into?

Regards,

Daniel


Hi Daniel,

Actually the seconed ones style is more like radio-button group, not button group.

In my case I want the first one. A purely button group style, but there is nothing about how to implement the first one. Maybe i missed sth.

You have to use it in this way.

Please check it. I hope it will help you.

Thank you,

Sudip 

you have to select the class as a  ButtonGrouped after putting the radio input.

I hope it will help you and you will get the solutions. 

Thank you,

Sudip

Sudip Dey wrote:

You have to use it in this way.

Please check it. I hope it will help you.

Thank you,

Sudip 

Hi Sudip,

Thank you for your help, But i just want to know how to implement the button group(or any documents i could reference)


Sudip Dey wrote:

you have to select the class as a  ButtonGrouped after putting the radio input.

I hope it will help you and you will get the solutions. 

Thank you,

Sudip

Hi Sudip,

Do you know what difference between Button Group and Button Group 2?


DING WEIBING wrote:

Sudip Dey wrote:

You have to use it in this way.

Please check it. I hope it will help you.

Thank you,

Sudip 

Hi Sudip,

Thank you for your help, But i just want to know how to implement the button group(or any documents i could reference)


https://success.outsystems.com/Documentation/11/Developing_an_Application/Design_UI/Patterns/Using_Web_Patterns/Controls/ButtonGroup
This is the reference which my friend Daniël Kuhlmann posted earlier. Just needs to change the Class name to ButtonGrouped in place of radio button,

Thank you,

Sudip


Hi DING WEIBING,

What's the difference between a Button Group and a Radio-button group? Both of Daniël's links point to the same OutSystems UI Web component... that uses Radio buttons internally to implement its behaviour.

Sudip Dey wrote:

DING WEIBING wrote:

Sudip Dey wrote:

You have to use it in this way.

Please check it. I hope it will help you.

Thank you,

Sudip 

Hi Sudip,

Thank you for your help, But i just want to know how to implement the button group(or any documents i could reference)


https://success.outsystems.com/Documentation/11/Developing_an_Application/Design_UI/Patterns/Using_Web_Patterns/Controls/ButtonGroup
This is the reference which my friend Daniël Kuhlmann posted earlier. Just needs to change the Class name to ButtonGrouped in place of radio button,

Thank you,

Sudip


Hi Sudip,

i changed style classes, looks like not work for me.


Solution

Hi DING WEIBING,

From your layout, I suspect you are trying to use OutSystems UI with an application using either the London theme or a SilkUI theme. OutSystems UI widgets/patterns only work with an OutSystems UI theme as far as I know.

Hope this helps

Solution

Jorge Martins wrote:

Hi DING WEIBING,

From your layout, I suspect you are trying to use OutSystems UI with an application using either the London theme or a SilkUI theme. OutSystems UI widgets/patterns only work with an OutSystems UI theme as far as I know.

Hope this helps

Hi Jorge,

Got it, Thank you very much.