Change the Background color of TUniMenuButton

[bahry]

Hi,

Am trying to change the background color of "TUniMenuButton" without success I've seen the following link

http://forums.unigui.com/index.php?/topic/5861-change-background-color-button-solved/

and I have made the same steps

 

the name of the control is btnTest

in the 

ExtEvents:

 function added(sender, container, pos, eOpts)

{

  sender.addCls('bntTest');

} 

in the 

UniEvents:

function beforeInit(sender, config)

{

  config.cls="bntTest";

}

in ServerModule 

CustomCSS:

 

.bntTest

{

 background:#1892d1 !important;

 color:#fff !important;

 -webkit-transition: background 0.5s ease-in-out;

 transition: background 0.5s ease-in-out;

}

.bntTest:hover

{

 background:#828282 !important;

 -webkit-transition: background 0.5s ease-in-out;

 transition: background 0.5s ease-in-out;

}

 

Is the above code correct or do I have to make any changes.

 

Regards

 

 

 

[Sherzod]

Hi,

If you want to change only the background color it should work.

Have you tried?!

 

Best regards.

[bahry]

Hi,

If you want to change only the background color it should work.

Have you tried?!

 

Best regards.

 

The above code from my testing project, and it does not work.

 

Regards

[Sherzod]

Hi,

 

Sorry, Can you clarify your question again please?! Maybe I didn't quite understand your question, because the code above works fine for me

[bahry]

Hi,

 

Sorry, Can you clarify your question again please?! Maybe I didn't quite understand your question, because the code above works fine for me

I copied the same code to a new project with default theme and it works fine, but if I change the theme to lets say win 10 it will not work the background color will take the theme color.

 

Regards

[mhmda]

the project: http://3msoft.net/mhmd/Jordan.rar

 

Here is a working project (with .exe), but I don't know why you want to change default theme of the button, I recommended to let framework manage that :-)

 

Sencha Extjs / Touch has a built in themes and it's cross-browser, they already did the hard work for us, so we can focus in back-end and leave the front-end to the framework to manage...

 

[bahry]

the project: http://3msoft.net/mhmd/Jordan.rar

 

Here is a working project (with .exe), but I don't know why you want to change default theme of the button, I recommended to let framework manage that :-)

 

Sencha Extjs / Touch has a built in themes and it's cross-browser, they already did the hard work for us, so we can focus in back-end and leave the front-end to the framework to manage...

 

Dear Mohammad,

Thanks a lot, I appreciate your help.

 

Regards

Bahry

[SayeyeZohor]

On 1/16/2017 at 4:09 PM, mhmda said:

the project: http://3msoft.net/mhmd/Jordan.rar

 

Here is a working project (with .exe), but I don't know why you want to change default theme of the button, I recommended to let framework manage that :-)

 

Sencha Extjs / Touch has a built in themes and it's cross-browser, they already did the hard work for us, so we can focus in back-end and leave the front-end to the framework to manage...

 

hi, not access to file for download ,,,

[mhmda]

Hi,

 

I uploaded it again: http://3msoft.net/mhmd/Jordan.rar