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 can use MyButton.BorderStyle = BorderStyle.None 🙂
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.
Please login first to submit.