HowTo : remove background color on PageControl (see attachment)

[mierlp]

Hi

 

I use unigui 1.0.0.1425 with uni_mac theme. On the form i place a pagecontrol

but you alway see the gradient gray color as background at the top, see image
with the red arrow

 

How to remove it and make it my own color, in this case white

 

Regards Peter

 

p.s would be nice some extra properties for a pagecontrol like

- tabheight

- tabwidth

- tabspacing (between tabs)

- tabposition

 

[Marlon Nardi]

.x-tab-bar-default {

    background-color: #ff000000 !important; 

}

 

[mierlp]

Hi Marlon

 

Thanks...but where to put the code, ClientEvents-> ?

[Sherzod]

Hi,

 

UniServerModule -> CustomCSS

[mierlp]

Hi

 

unfortunately...same result and has no effect

[Sherzod]

Hi

 

unfortunately...same result and has no effect

 

We will check

[Sherzod]

- tabposition

 

UniPageControl1 -> ClientEvents -> UniEvents :

function tabPanel.beforeInit(sender, config)
{
  config.tabPosition = "bottom"
}

[Sherzod]

- tabspacing (between tabs)

 

Can help you:

http://forums.unigui.com/index.php?/topic/7582-pagecontrol-how-to-adjust-the-spaces-between-the-tabs/&do=findComment&comment=38686

[Sherzod]

- tabheight

- tabwidth

- tabspacing (between tabs)

- tabposition

function tabPanel.beforeInit(sender, config)
{
    config.tabPosition = "bottom"; //position
    
    config.tabBar = {
        defaults: {
            height: '60px', //height
            width: '150px', //width
            margin: '0 0 0 15' //tabspacing **
        }
    };
}

[JulioPaladino]

Hi

 

I use unigui 1.0.0.1425 with uni_mac theme. On the form i place a pagecontrol

but you alway see the gradient gray color as background at the top, see image

with the red arrow

 

How to remove it and make it my own color, in this case white

 

Regards Peter

 

p.s would be nice some extra properties for a pagecontrol like

- tabheight

- tabwidth

- tabspacing (between tabs)

- tabposition

 

 

Experimente:

 

.x-tab-bar-default {

    border-style: solid;

    border-color: #ffffff;

}

.x-tab-bar-default-top {

    background-image: -webkit-linear-gradient(top,#ffffff,#ffffff);

}

 

A primeira retira a linha superior e a segunda altera a cor de fundo da barra de título do page control.

[Farshad Mohajeri]

Hi,

 

There is a new property named Plain. Please set it to True.

[herculanojs]

Taking advantage of the topic, how can we turn off that the theme affects certain components. The theme menconado is very beautiful, but it has very dark colas for the backs of forms, panels, pagecontrols, etc. How can we make sure that themes do not affect the controls.

 

It would be interesting to have a property in this sense, which would allow that in certain components we could point out that it was not affected by the theme.