Titled Panel background color

[t4nu]

Hi,
I want to change the titled panel background color and I want to use gradient.
I can make it as I want, but I confused because when using solid color all part of the title filled with the color choosen, but when using gradient there is always unfilled area on the left and on the right.
How to make all title filled when using gradient as when using a solid color.
TIA for the help.

[kotinkarwak]

How you setting up a gradient?

[t4nu]

Hi,
Put the code for gradient background in:
Control Style -> Advance Properties -> Title Bar Style -> Enable Local Setting -> Select Code tab

How you setting up a gradient?

[Steve]

Hi,

Are you trying to set a gradient background on the entire title panel? Or just the contents or header text?

I set the gradient on the advanced styling --> style property. This sets the gradient on the full area of title panel.

The problem is that there is a default background color on the contents and title bar. This is set to white. Open the styling dialog for the Title Panel control and remove the background color for the Title bar and the Contents.

I hope this helps.

Steve

[t4nu]

Hi,
I just need the entire title panel background changed to gradient.
Using your method, the content background color is changed.
I want the content color still in white.

Hi,

Are you trying to set a gradient background on the entire title panel? Or just the contents or header text?

I set the gradient on the advanced styling --> style property. This sets the gradient on the full area of title panel.

The problem is that there is a default background color on the contents and title bar. This is set to white. Open the styling dialog for the Title Panel control and remove the background color for the Title bar and the Contents.

I hope this helps.

Steve

[Steve]

If you want the entire background to be in a gradient, then the style needs to be moved to:

Control Style -> Advance Properties -> Style --> Enable Local Setting -> Select Code tab

If you would like a different background on the content then you can add a panel the title panel control and set the background of that to white, so the structure should look like this:

Code: Select all

TitlePanelControl - Has Gradient background applied to advanced stle
-->PanelControl -- Has White Background
-->--> TextControl -- Some text here...

I think this is what you want?

Steve

[t4nu]

Seems there is 2 panels, the Titled Panel and panel, is that right?
Is that the work around suggested?

What I want is:
One TitledPanel with TitleBar in gradient and content in white.

As I mentioned before, I already managed to change the TitleBar to gradient but there is still small (white) spaces on the left and right.
I want to remove that small (white) spaces.

If you would like a different background on the content then you can add a panel the title panel control and set the background of that to white, so the structure should look like this:

Code: Select all

TitlePanelControl - Has Gradient background applied to advanced stle
-->PanelControl -- Has White Background
-->--> TextControl -- Some text here...

I think this is what you want?

Steve

[Steve]

Hi,

You do not need 2 panels. It was not a work around, it was just another way of doing it.

Anyway, I have achieved what you want by:

1) Opening the styling assistant for the TitlePanel
2) Remove the "white" background color from the Title Bar section
3) Make sure the background color is set to white in the Contents section
4)

Adding this code to the Control Style -> Advanced Properties -> Style --> Enable Local Setting -> Select Code tab

Code: Select all

background:red;
background:-webkit-linear-gradient(left, red , yellow);
background:-o-linear-gradient(right, red, yellow);
background:-moz-linear-gradient(right, red, yellow);
background:linear-gradient(to right, red , yellow);

I also set all my borders to square, otherwise the gradient leaks over the corners.

If this does not work, send me your form to support@ebasetech.com and I will take a look and send it back to you.

Kind regards

Steve

[t4nu]

Hi,
Is removing the "white" background done just by make background color field in the Title Bar section to empty? If that so, then I already did it, but still there is white spaces on the left and right of the title.

How to send my form to you? What file should I send?

Anyway, I have achieved what you want by:

1) Opening the styling assistant for the TitlePanel
2) Remove the "white" background color from the Title Bar section
3) Make sure the background color is set to white in the Contents section
4)

Adding this code to the Control Style -> Advanced Properties -> Style --> Enable Local Setting -> Select Code tab

Code: Select all

background:red;
background:-webkit-linear-gradient(left, red , yellow);
background:-o-linear-gradient(right, red, yellow);
background:-moz-linear-gradient(right, red, yellow);
background:linear-gradient(to right, red , yellow);

I also set all my borders to square, otherwise the gradient leaks over the corners.

If this does not work, send me your form to support@ebasetech.com and I will take a look and send it back to you.

Kind regards

Steve

[Steve]

You can export the form.

In version 5:

1) Right click the form in the Entity Tree and select Export --> Ebase Archive.
2) Click browse and give you file a name
3) Check the Include associated files checkbox
4) Click OK

Then add the zip the the email.

In version 4.5 and below:

1) Right click the form in the Entity Tree
2) Select Export
3) Enter the filename in the file name box
4) Check the "Include all related form elements" checkbox
4) Click "View details and export" button
5) Click Export

There will be an XML file create in <Ebase-Installation>/UfsServer/transport directory.

Zip this up and attach to an email.

Email to: support@ebasetech.com

Steve