Subscribe via RSS
Toggle Submenu
  1. Categories
  2. Recent
  3. Tags
View Replies (3)

Resolved Themes ~ how do I have rounded edges for buttons?

  1. How-to
0
Votes
Undo
  1. Steven Green
    Steven Green
  2. PowerBuilder
  3. Tuesday, 19 October 2021 04:35 AM UTC

Hi, I don't believe that the file themes.json file would have the ability to allow me to make the buttons more rounded.

 

I was wondering if anybody knew how to make buttons more rounded on the edges, for example, like this:

 

Richtextedit (RTF) control and type @ character
Menu options
Responses (3)
Armeen Mazda @Appeon
Armeen Mazda @Appeon Accepted Answer Pending Moderation
  1. Tuesday, 19 October 2021 16:09 PM UTC
  2. PowerBuilder
  3. # 1

Hi Steven, You can do a completely different style/look but you will need to swap out all the various images in themes folder.  Those images combined with the properties in the themes.json are used to render the UI.

Comment
Steven Green
  1. Steven Green
  2. Wednesday, 20 October 2021 01:55 AM UTC
What if I created my own icons as images and swapped them out when I hover over it, would that work?
  1. Helpful
Armeen Mazda @Appeon
  1. Armeen Mazda @Appeon
  2. Wednesday, 20 October 2021 02:14 AM UTC
Take a look at the images that are currently in the themes folder and you will get idea how you could retrofit it. It is not as simple as you make one icon and replace.
  1. Helpful
Nish Ag
  1. Nish Ag
  2. Thursday, 21 October 2021 04:28 AM UTC
Ok sure thanks mate
  1. Helpful
There are no comments made yet.
Benjamin Gaesslein
Benjamin Gaesslein Accepted Answer Pending Moderation
  1. Tuesday, 19 October 2021 12:25 PM UTC
  2. PowerBuilder
  3. # 2

Hi Steven,

the theming capabilities are still rather limited, for buttons you can only set the colors for border, background and text.

Comment
There are no comments made yet.
Shekar Reddy
Shekar Reddy Accepted Answer Pending Moderation
  1. Tuesday, 19 October 2021 06:44 AM UTC
  2. PowerBuilder
  3. # 3

Try -

"border-radius": "10px"

Or 5px

Comment
Nish Ag
  1. Nish Ag
  2. Wednesday, 20 October 2021 22:57 PM UTC
Hey man,



I added it under "picturebutton" but it doesn't appear to do anything.



"picturebutton":

{

"drawing":true,

"border-radius": "10px",

"normal-state":

{

"border-color":"#999999",

"background-color":"#eb4034",

"text-font":{"color":"#000000"}

},

"hover-state":

{

"border-color":"#0078D7",

"background-color":"#E5F1FB",

"text-font":{"color":"#000000"}

},

"pressed-state":

{

"border-color":"#0060AC",

"background-color":"#CCE4F7",

"text-font":{"color":"#000000"}

},

"focused-state":

{

"border-color":"#0078D7",

"background-color":"#CCCCCC",

"text-font":{"color":"#000000"}

},

"disabled-state":

{

"border-color":"#CCCCCC",

"background-color":"#CCCCCC",

"text-font":{"color":"#999999"}

}

},
  1. Helpful
There are no comments made yet.
  • Page :
  • 1


There are no replies made for this question yet.
However, you are not allowed to reply to this question.