109
Views
5
Comments
Solved
I'd like to put a check mark/arrow icons in a button. Is that possible?
Application Type
Traditional Web

Hello everyone,


I was given a mock-up screen for me to model the screen that I'm creating for a Traditional Web project. In the screen, there are buttons that look like this (images below)

 

I have never created a button that looks like it has an icon it in. I've been looking it up online and I can't seem to find a straightforward Outsystems way to do it. Mine always looked like this (image below)

I'd like to know if any of you know a way to do it. I appreciate your help. Thanks!

2022-07-03 17-24-08
Sourabh sharma
Solution

Hi @Reynald Zackery Saley 

you can achieve this by Link Widget in Traditional Web  .

How to do

1. Drag the link widget to your required screen or position.

2.Give the style class "btn" . drop required icon and text within the link.

3. set the destination.

Oml is also given below 


Hope this will help you!!

Kind regards

SourabhSharma


Button.oml
2022-08-01 02-18-40
Reynald Zackery Saley

Awesome, this works! Thank you @Sourabh sharma !

2023-10-31 07-36-11
Marlies Quaadgras
Champion

You can add the desired icon next to the text of the button

2022-08-01 02-18-40
Reynald Zackery Saley

Hi Mariles,

Do you mean, like this (image below, trying to drag and drop icon widget beside the text)? System does not seem to allow it. Hmm..

2022-07-03 17-24-08
Sourabh sharma
2022-07-03 17-24-08
Sourabh sharma
Solution

Hi @Reynald Zackery Saley 

you can achieve this by Link Widget in Traditional Web  .

How to do

1. Drag the link widget to your required screen or position.

2.Give the style class "btn" . drop required icon and text within the link.

3. set the destination.

Oml is also given below 


Hope this will help you!!

Kind regards

SourabhSharma


Button.oml
2022-08-01 02-18-40
Reynald Zackery Saley

Awesome, this works! Thank you @Sourabh sharma !

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.