Change background color UnimBitBtn

[easegura777]

 

How change background color UnimBitBtn

[Sherzod]

4 minutes ago, easegura777 said:

How change background color UnimBitBtn

Hello,

The forum has several similar requests, did not try to look for?

For example, this post, try to use solution for UnimButton:

 

[easegura777]

12 minutes ago, Sherzod said:

Hola,

El foro tiene varias solicitudes similares, ¿no intentaste buscar?

Por ejemplo, en esta publicación, intente usar la solución para UnimButton:

 

ok, thanks, found in theme material but triton not found!

[Sherzod]

13 minutes ago, easegura777 said:

ok, thanks, found in theme material but triton not found!

Make a simple testcase to check if possible.

[easegura777]

13 minutes ago, Sherzod said:

Make a simple testcase to check if possible.

in the example you shared with me can be validated

 

[Sherzod]

37 minutes ago, easegura777 said:

in the example you shared with me can be validated

I couldn't reproduce.

[easegura777]

7 hours ago, Sherzod said:

No pude reproducirme.

 

 

CSS

.x-button
{
  width:120px;
    color:green; !important;
    height:30px;
    background-color: green; !important; 
    border: 5px solid #1E90FF; /* borda branca em volta */
    margin: auto; /* centraliza com bordas automáticas nas laterais */
    text-align: center; /* centraliza o texto */
    font-family: Source Sans Pro; /* fonte */
    font-size: 16px;  /* tamanho da fonte */
    color: green; /* cor fonte */ 

    border: 1px solid #ccc;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-bottom-color: #b3b3b3;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
}                      
 

With theme triton

 

 

with theme material

 

 

[Sherzod]

42 minutes ago, easegura777 said:

CSS

Have you tried this approach?

 

[easegura777]

1 hour ago, Sherzod said:

¿Has probado este enfoque?

 

Yes, with theme material found, but triton not found!

[Sherzod]

I offered you this sequence:

 

UnimButton ->

 

1. UI  = 'plain'

 

2. ClientEvents -> UniEvents -> beforeInit:

function beforeInit(sender, config)
{
    config.userCls='my-button';
}

3. UniServerModule->CustomCSS:

.my-button {
  background-color: orange;
}

.my-button:hover {
  background-color: #ff8c00;
}

.my-button.x-pressing {
  background-color: #ee7600;
}

[easegura777]

9 hours ago, Sherzod said:

I offered you this sequence:

 

UnimButton ->

 

1. UI  = 'plain'

 

2. ClientEvents -> UniEvents -> beforeInit:

function beforeInit(sender, config)
{
    config.userCls='my-button';
}

3. UniServerModule->CustomCSS:

.my-button {
  background-color: orange;
}

.my-button:hover {
  background-color: #ff8c00;
}

.my-button.x-pressing {
  background-color: #ee7600;
}

Excelent!! it worked !!, thanks!!