220
Views
4
Comments
[OutSystems UI Web] Please fix the text color of colored link buttons
Question
outsystems-ui-web
Web icon
Forge asset by OutSystems

Hi!


Please fix this nuisance.


Every new project I create on O11 I have to fix the CSS for link buttons with the Is_Default class, because the text seems to "disappear" when hovered.


(The button on the bottom is being hovered)


This happens due to some unfortunate precedence in the stylesheet that colors links with the primary color of the theme, which is the same used for the background color of buttons marked as default.

2021-09-06 15-09-53
Dorine Boudry
 
MVP

Hi Caio,


a workaround would be to create your own improved base theme, and add it as a dependency in all your projects.  I know this is same amount of work initially as going in and changing the css in all projects, but more maintainable, especially if you would find other stuff in the base theme later on that you are not happy with.


Just out of curiosity, I tried to recreate this problem and it only happens when I use a link and style it as a button, not when I use a button widget.  Is there a reason why you don't just use a button widget with method : navigate ?  Does a link have behaviour or properties that a button lacks ?


Dorine

2019-10-27 01-32-56
Caio Santana Magalhães
 
MVP

Hi Dorine,


a workaround would be to create your own improved base theme, and add it as a dependency in all your projects.  I know this is same amount of work initially as going in and changing the css in all projects, but more maintainable, especially if you would find other stuff in the base theme later on that you are not happy with.

This is the exact thing I don't want to do since this is a bug from the base UI Framework theme and all that work would be put to waste once they fix it.


Just out of curiosity, I tried to recreate this problem and it only happens when I use a link and style it as a button, not when I use a button widget.  Is there a reason why you don't just use a button widget with method : navigate ?  Does a link have behaviour or properties that a button lacks ?

Link buttons can be better customized than regular buttons since you can put anything inside them (e.g. icons).

2020-12-07 12-02-40
André Gonçalves
I'm having the same issue, what was your workaround to fix it? Thanks
2021-02-26 15-02-11
Dinis Carvalho
Staff

Hi, can you share a simple OML reproducing the issue, and which OutSystems UI Web version are you using?

I've tried on my side but wasn't able.

My regards

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