NetTalk Central

Author Topic: Styling the Print Button  (Read 3930 times)

Poul

  • Full Member
  • ***
  • Posts: 160
    • View Profile
Styling the Print Button
« 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

Robert Iliuta

  • Sr. Member
  • ****
  • Posts: 472
    • View Profile
    • Email
Re: Styling the Print Button
« Reply #1 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

Poul

  • Full Member
  • ***
  • Posts: 160
    • View Profile
Re: Styling the Print Button
« Reply #2 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