Buttons have a thin border

0
0

Last question for today…promise! 🙂

I’m using background images for my buttons, but they still keep a thin gray 1-pixel rectangular border around them. Is there a way to get rid of that? Otherwise I will make my own button UserControl.

Also, I tried setting border: none in CSS, and that worked until I move the mouse over the button, then the background disappears entirely.

Thanks!

-John

  • You must to post comments
0
0

The style of the buttons is defined in the themes. You can either use simply an image control, or change the visual style of the button in a theme mixin, add this to remove the border in /Themes/Application.mixin.theme. See also https://wisej.com/docs/html/ThemeBuilder.htm

{
“name”: “Application”,
“appearances”: {
“my-button”: {
“inherit”: “button”,
“states”: {
“default”: {
“styles”: {
“width”: 0
}
}
}
}
}
}

This will remove the border to buttons that use the AppearanceKey “my-button”. You can set the AppearanceKey property on each button. If you change the name “my-button” to “button” it will override all buttons.

 

  • John Nagle
    Great, thanks Luca! -John
  • You must to post comments
Showing 1 result
Your Answer

Please first to submit.