Hi,
Is it possible to set the background-color for a checkbox or a radiobutton from the theme.json file?
We have many screens and are currently looking at making a custom theme to apply across our application.
Please note following image where the Active checkbox is using the background if the datawindow column but i would prefer to set the colour to light blue to match the datawindow itself.
The structure basically looks like this,
"datawindow": {
background-color: light-blue
"dwo-column": {
background-color: white
"checkbox-type" : {
"background-color": light-blue
I've also tried setting "background-transparent": true, however no luck.
I've also tried setting the "checkbox" background-color to light-blue however no luck either.
Cheers,
Cameron
*Edit*
Apologies I don't think I was clear enough, i was primarily hoping to change the background colour of the text, to match the background colour of the datawindow.
For example, The text background here would be blue but the checkbox stay whatever the .bmp or .png is set to or just stay white.
- You are here:
-
Home
-
Q&A
-
Q&A
-
PowerBuilder
- Can i set a checkbox or radio button background-color to transparent in theme.json?
-
Cameron Grey-Caminiti
- PowerBuilder
- Tuesday, 5 September 2023 06:57 AM UTC
Comment
- Cameron Grey-Caminiti
- Thursday, 7 September 2023 23:40 PM UTC
Hi Kitty thank you for replying.
Are there any alternatives? Is there a way i can set the checkbox bakground color to transparent?
Cheers,
Cameron
Are there any alternatives? Is there a way i can set the checkbox bakground color to transparent?
Cheers,
Cameron
There are no comments made yet.
Comment
- Cameron Grey-Caminiti
- Wednesday, 20 September 2023 01:07 AM UTC
Hey Miguel,
Could i also clarify if the text for the checkbox can be set to transparent? does it relate to the checkbox image at all? Like in my original post / picture i had the 'active' checkbox background is white but the background for the text is white also. I would like to make the text blue if possible
Could i also clarify if the text for the checkbox can be set to transparent? does it relate to the checkbox image at all? Like in my original post / picture i had the 'active' checkbox background is white but the background for the text is white also. I would like to make the text blue if possible
- Miguel Leeuwe
- Wednesday, 20 September 2023 01:49 AM UTC
What you can do is have no text in your checkbox, make it as small as the check is and use a separate text on the side of the checkbox to show a label.
- Cameron Grey-Caminiti
- Wednesday, 20 September 2023 02:48 AM UTC
Thank you Miguel for the timely response and continuing to help me in this matter.
Unfortunately we're trying to avoid workarounds like that, if we could update the background colour of the text for the checkbox, that would save us a lot of trouble. If you could please look at the edit i added to my question as it may explain better what i'm trying to achieve.
Appreciate the help
Unfortunately we're trying to avoid workarounds like that, if we could update the background colour of the text for the checkbox, that would save us a lot of trouble. If you could please look at the edit i added to my question as it may explain better what i'm trying to achieve.
Appreciate the help
There are no comments made yet.
Yes, this is possible, but you'll have to replace some of the theme's stock images with custom PNGs having transparency.
Search for the various "box-images" sections under the "datawindow" section of theme.json, and change the values to reference your custom images.
"box-images":
{
"unchecked":{"file":"checkbox-box-normal-unchecked.png"},
"checked":{"file":"checkbox-box-normal-checked.png"},
"indeterminate":{"file":"checkbox-box-normal-indeterminate.png"}
}
I've attached a couple of example PNGs that you can try out. They will render transparent, showing the underlying background color of the row.
Comment
- Cameron Grey-Caminiti
- Wednesday, 20 September 2023 01:05 AM UTC
Afternoon Ronnie
Could i please confirm that using these pngs would also make the text background transparent for the checkbox - text.
For instance where you have 50s and 60s using different text backgrounds. So in my original message the text is white and the checkbox is white, is there a way to make the text go blue too?
Much appreciated,
Cheers,
Cameron
Could i please confirm that using these pngs would also make the text background transparent for the checkbox - text.
For instance where you have 50s and 60s using different text backgrounds. So in my original message the text is white and the checkbox is white, is there a way to make the text go blue too?
Much appreciated,
Cheers,
Cameron
- Ronnie Po
- Wednesday, 20 September 2023 16:18 PM UTC
Hi Cameron,
Actually, there's no need to use themes at all. Just set the background color of the column control to transparent. You can still use a theme to customize the appearance, but it should have no effect on the transparency of the label portion of the checkbox control. For an example, see the additional images that I've attached.
Ronnie
Actually, there's no need to use themes at all. Just set the background color of the column control to transparent. You can still use a theme to customize the appearance, but it should have no effect on the transparency of the label portion of the checkbox control. For an example, see the additional images that I've attached.
Ronnie
- Cameron Grey-Caminiti
- Thursday, 21 September 2023 00:44 AM UTC
Hi Ronnie,
Appreciate the help although the application already has hundreds of windows and going through each one, one by one, to update checkboxes and radiobuttons to transparent would take a considerable amount of time.
Preferably if i can do it via using themes, that would be the best outcome and i would be very happy with it.
Cheers,
Cameron
Appreciate the help although the application already has hundreds of windows and going through each one, one by one, to update checkboxes and radiobuttons to transparent would take a considerable amount of time.
Preferably if i can do it via using themes, that would be the best outcome and i would be very happy with it.
Cheers,
Cameron
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.
However, you are not allowed to reply to this question.
We’ll record this as a requirement and consider implementing it first when we enhance the UI theme feature in the later versions.
Regards,
Kitty