1. Christopher Craft
  2. Beta Testing
  3. Sunday, 10 January 2021 17:50 PM UTC

I am having some issues attempting to create a custom theme for my application.

1) Is there a way to set the background color of a grid-style datawindow to be different than the free-form? I need my header datawindows to have a different color than my grid datawindows.

2) Can you not have multiple settings in a custom definition file for a theme ( ie. theme-[xxxx].json )? It seems I have to create a definition file for each control that I am wanting be different. I have 2 controls on my custom frame that I want to have a different theme. Following is my file that will not work but if I separate them into 2 files then it will.

{
"meta-info":
{
"version":"190"
},
"w_frame_navigation$datawindow":
{
"drawing":true,
"background-color-enabled":true,
"background-color":"#262626",
"normal-state":
{
"border-color":"#404040"
},
"disabled-state":
{
"border-color":"#333333"
}
}
"w_frame_navigation$picturelistbox":
{
"drawing":true,
"normal-state":
{
"border-color":"#4C4C4C",
"background-color":"#1F1F1F"
},
"hover-state":
{
"border-color":"#4C4C4C",
"background-color":"#1F1F1F"
},
"disabled-state":
{
"border-color":"#404040",
"background-color":"#242424"
},
"item":
{
"normal-state":
{
"background-color":"#1F1F1F",
"text-font":{"color":"#CCCCCC"}
},
"hover-state":
{
"background-color":"#262626",
"text-font":{"color":"#CCCCCC"}
},
"selected-state":
{
"background-color":"#333333",
"text-font":{"color":"#CCCCCC"}
},
"disabled-state":
{
"background-color":"#242424",
"text-font":{"color":"#4D4D4D"}
}
}
}
}

Accepted Answer
Ken Guo @Appeon Accepted Answer Pending Moderation
  1. Tuesday, 12 January 2021 01:56 AM UTC
  2. Beta Testing
  3. # Permalink

Hi Christopher,

 

The Theme functionality is to set the background color of all DWs at the same time. It is not supported to set the background color of the Grid DW separately.

I suggest you tell them apart via the Head band color, or set selected-row-background-color and unselected-row-background-color.

 

                                "grid-style":

                                {

                                                "drawing":true,

                                                "head-band":

                                                {

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

                                                                "dwo-text-font":{"color":"#FFFFFF"}

                                                },

                                                "detail-band":

                                                {

                                                                "selected-row-text-color":"#000000",

                                                                "selected-row-background-color":"#CDE8FF",

                                                                "unselected-row-background-color":"#FFFFFF"

                                                },

 

Regards,

Ken

 

Comment
There are no comments made yet.
Christopher Craft Accepted Answer Pending Moderation
  1. Monday, 11 January 2021 15:24 PM UTC
  2. Beta Testing
  3. # 1

Thank you Ken - adding the comma fixed it.

Regarding the Grid DW - that is only setting the header band right? I need the whole background color of the form datawindow to be a different color than the grid. Is this not possible?

Chris

Comment
  1. Ken Guo @Appeon
  2. Thursday, 25 March 2021 08:29 AM UTC
Hi Christopher,



It is not supported to set the background color of the Grid DW.



Regards,

Ken

  1. Helpful
There are no comments made yet.
Ken Guo @Appeon Accepted Answer Pending Moderation
  1. Monday, 11 January 2021 09:38 AM UTC
  2. Beta Testing
  3. # 2

Hi Christopher,

 

#1. For Grid DW, you can set the background & font color of the Head Band in theme.json as shown below.

 

"grid-style":

{

                "drawing":true,

                "head-band":

                {

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

                                "dwo-text-font":{"color":"#FFFFFF"}

                },

 

#2. It supports configuring multiple controls in theme-[xxxx].json. It misses a comma in your JSON file. Please add a comma shown below and then try again.

},

"w_frame_navigation$picturelistbox":

{

 

Regards,

Ken

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