Jump to content
The ibi Community has moved to a new platform: Please Sign In and choose Forgot Password to continue

CSS is all new to us. We figured out to do a custom color ba...


robert fuschetto

Recommended Posts

CSS is all new to us. We figured out to do a custom color background for a container by pasting this code in the CSS folder: .panelclass {background-color: rgb(0,51,85);} and then entering this for the container:

The background is now what we want!

However the container has a black border around it. What we really want is a CSS command to make the background our color blue and hide the border. We have had no luck. Perhaps CSS commands have to be in a certain order Perhaps there is special syntax in how you stack commands Is it incompatibilities with Designer Studio I assume we would add to the panelclass definition Anyway we have had no luck.

Can someone share the CSS code that would set our custom backgorund (rgb(0,51,85) and hide the border for the container

Link to comment
Share on other sites

The border may be coming from inherited styling. You can try:

box-shadow: none;

This should turn off the inherited shadow box.

Then set your border to what you need using border-style, border-width and border-color, eg:

border-style: solid;

border-width: 1px;

border-color: #AA3939;

border-radius: 6px;

You can turn off the border with border: 0;

Link to comment
Share on other sites

rene.nunnington:

 

The border may be coming from inherited styling. You can try:

box-shadow: none;

This should turn off the inherited shadow box.

Then set your border to what you need using border-style, border-width and border-color, eg:

border-style: solid;

border-width: 1px;

border-color: #AA3939;

border-radius: 6px;

You can turn off the border with border: 0;

 

 

Well, No Luckor as much luck as we had yesterday. Somethings sort of work, somethings not at all, some things half waylike making the border a dashthe top and left side are dashed but no the bottom and right.

Anyway, unless someone sees something wrong with the code examples below, I will open a case.

We tried this:

.panelclass {background-color: rgb(0,51,85);box-shadow: none;border-style: solid;

border-width: 1px;

border-color: #AA3939;

border-radius: 6px;

}

It gave me the blue background. The border was still there but the top and left were red.

.panelclass {background-color: rgb(0,51,85);box-shadow: none;}

Background blueborder still there.

.panelclass {background-color: rgb(0,51,85);border: 0};

Background blue, border still there.

Thanks!

Link to comment
Share on other sites

the border is coming from the Title bar style sheet which is out side the scope of custom css.

 

image.png1892616 69.6 KB

 

You may need to create custom global theme by copying existing theme folder . Then you may need to customize one of the default 8 style and apply to the panel .

There 8 default styles

 

image.png694533 21.1 KB

Link to comment
Share on other sites

CSS customization can be done in Custom theme or CSS on the page. Both are text version and there is no editor. i always use chrome to edit the css online and copy the code and put it in the custom theme.css . i am doing this for customers since page designer release (8203). it has 1000s of css tags. i am not sure if the product team gonna add ui for css customization. You can do the NFR for this.
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
  • Create New...