NetTalk Central

NetTalk Web Server => Web Server - Ask For Help => Topic started by: Poul on March 20, 2013, 12:44:04 PM

Title: Styling the Print Button
Post by: Poul on March 20, 2013, 12:44:04 PM

Can i style the Print button?  Perhaps to look like the other jquery buttons.
and maybe control the TEXT.

poul

Title: Re: Styling the Print Button
Post by: Robert Iliuta on March 20, 2013, 01:17:11 PM

Hallo Poul,

>Can i style the Print button?
Yes! play with firebug and add your css style as you like

>Perhaps to look like the other jquery buttons.
hmm all buttons inherit jQuery style. How did you populate the button? it's on a browse or a form?

>and maybe control the TEXT.
Yes you can. depends how did you populate the button and if it's on a browse or a form.

*tips: try to search in source code the print button, this way it's very easy to understand how to make some changes
 
Robert

Title: Re: Styling the Print Button
Post by: Poul on March 20, 2013, 02:12:52 PM

thanks robert,

yes i have found that something like

input[type="button"]  {
    border: 1px solid #CCCCCC;
    color: #1C94C4;
    font-weight: bold 75%;
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    font-size: 1.1em;
    cursor: pointer;
    display: inline-block;
    text-align: center;
  ....
}

will get me most of the way, by copying various styles from other buttons,
But the print button seems to be its own little beast, not jquery but a snipit of javascript, generated in-line
The text "Print this Page"  appears to as hard code in the form.

i guess what i will do is replace the single packet assignment with my own in the printbutton routine.
then i can add a std class and custom text without much effort, until bruce gets around to themerolling this.

poul