Change the style of Show/Hide Button

Change the style of Show/Hide Button

VijithaVijitha Posts: 4Questions: 0Answers: 0
edited July 2013 in General
How can we change the color and font of Show/Hide button and apply the same.

Please help.Thanks in Advance.

Replies

  • allanallan Posts: 63,514Questions: 1Answers: 10,472 Site admin
    You'd just use a bit of trivial CSS would you not? `button.ColVis_Button { color: red; }` .

    Allan
  • VijithaVijitha Posts: 4Questions: 0Answers: 0
    edited July 2013
    Thanks! That did work. Didnt know how to access the show/hide button [like id]. How can the show/hide button be placed at the left of the pagination buttons.
  • allanallan Posts: 63,514Questions: 1Answers: 10,472 Site admin
    A bit more trivial CSS: `button.ColVis_Button { float: left; }` .
  • VijithaVijitha Posts: 4Questions: 0Answers: 0
    edited July 2013
    But the button is not placed exactly left to the pagination icons. A lot of place is left between the pagination button and the show/hide button. Padding right didnt help. How can it be placed exactly left to it. How to place the show entry control left of show/hide so that all seems to be at the right bottom.

    These are simple ones I believe. But am new to datatables and am not aware how to access the controls without ids.

    Thanks for your help!
    Please help!!!
This discussion has been closed.