Button with Render Mode set to Link, turn off the underline decoration required

1
Hi guys, How do I create a button with a render mode set to Link, but without having the underline decoration whenever hovering over the button? I tried adding css style of text-decoration:none, but it is not working as it's applying it to the button and not the its caption... Please help! Kind regards, Razvan
asked
1 answers
0

Hi Razvan,

You could create a custom class for it, for instance btn-nounderline which you place on the button.

in you scss file, add the following code:

.btn-nounderline {
  
  a:hover {
    text-decoration: none;
  }

}

no sure how to add this using SASS?  Here is is quick how-to detailing how to add custom classes: https://www.mxblog.nl/2016/03/using-sass-with-mendix/

Its old(-ish) but still valid

 

Good luck!

answered