1. 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:

 

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
  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
  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
  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 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 Accepted Answer Pending Moderation
  1. Tuesday, 19 October 2021 06:44 AM UTC
  2. PowerBuilder
  3. # 3

Try -

"border-radius": "10px"

Or 5px

Comment
  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.