WebSite X5Help Center

 
Sinisa B.
Sinisa B.
User

Buttons style - Database Viewer object?  en

Autor: Sinisa B.
Besucht 101, Followers 1, Geteilt 0  

Hi guys!

Is there a control somewhere in WSX5 for the color and on-mouse-over style of the SAVE & CANCEL buttons of the Database Viewer object?


I looked at the code (HTML):

<button type="button" class="ui-button ui-corner-all ui-widget">Cancel</button>

Where does WSX5 "pull" the code from for the color and hover-color of these buttons???

I have another page that uses the Database Viewer where the style of these buttons is different! laughing

Gepostet am
7 ANTWORTEN - 1 NüTZLICH
Axel  
Axel  
User
Nutzer des Monats EN

Hello Sinisa,

By CSS you can do that

<!-- To change color button of validation record and title -->
<style>

.ui-dialog .ui-dialog-buttonpane button {
color: yellow;
background-color: blue;
border-radius: 20px;

}


.ui-dialog .ui-dialog-title {
color: yellow;
}
</style>

Should be OK ?

Hope this helps

Axel

Mehr lesen
Gepostet am von Axel  
Axel  
Axel  
User
Nutzer des Monats EN

Oups I forgot the mouseover

Here to change button aspect on mouseover

.ui-dialog .ui-dialog-buttonpane button:hover {
background-color: yellow;
color: green;
}

smilesmile

Mehr lesen
Gepostet am von Axel  
Sinisa B.
Sinisa B.
User
Autor

@Axel

Thank you!!!

It works OK (when I put the code in the HEAD of the webpage), but it doesn't work when I put the code directly into CSS part of the Database viewer object!



I don't mind - but would like to know why. cool

(syntax should be different?)

Best!


Mehr lesen
Gepostet am von Sinisa B.
Axel  
Axel  
User
Nutzer des Monats EN

Hello Sinisa,

This icon option was so eagerly awaited that since its arrival I am not used to using it foot-in-mouthfoot-in-mouthfoot-in-mouth

You are doing an error. The CSS icon is for the global page whit the selector pre-configured into 

You can use my previous code here just by adding it like below and leave page selector (for me #pluginAppObj_349_19) empty

And it works too.

Let me know wink

Axel

Mehr lesen
Gepostet am von Axel  
Sinisa B.
Sinisa B.
User
Autor

@ Axel

Yeah, you just removed the <style> tag... cool

Thank you!!!

Mehr lesen
Gepostet am von Sinisa B.
Axel  
Axel  
User
Nutzer des Monats EN

@Sinisa

I don't understand !!!

 Clarify answer pls 

Mehr lesen
Gepostet am von Axel  
Sinisa B.
Sinisa B.
User
Autor

@ Axel

Everything is OK!

Wanted to say that you just put the same CSS code OUTSIDE of #pluginAppObj and left out the <style> </style> tags...

Mehr lesen
Gepostet am von Sinisa B.