Page 1 of 1

Where to make print,

Posted: 2015-10-11 03:23
by dragon
Where do I edit these images? I'd like to make them smaller or use custom images?
Thanks.
Screen Shot 2015-10-10 at 22.21.11.png
Screen Shot 2015-10-10 at 22.21.11.png (39.3 KiB) Viewed 3576 times

Re: Where to make print,

Posted: 2015-10-12 02:19
by peebee
Those images are Glyphicons, generated by Bootstrap: http://getbootstrap.com/components/#glyphicons

You'll find the code for those icons in datalist.php Search the file for the section starting with // quick search and TV action buttons

Eg: for Print Preview icon: <i class="glyphicon glyphicon-print"></i> for Save CSV <i class="glyphicon glyphicon-download-alt"></i>

You can swap any icon for another existing glyphicon by simply changing the icon class.

You can change the size of the icons by adding this to your bootstrap CSS:

For ALL glyphicons across entire site (change px size depending on what you are after):

Code: Select all

.glyphicon {
    font-size: 12px; 
}
To change the size of specific icons:

Code: Select all

.glyphicon.glyphicon-print {
    font-size: 12px;
}
If you want to add your own images, you'll have to add your own css classes. Hope that helps.

Re: Where to make print,

Posted: 2015-10-12 04:19
by dragon
Excellent. Very much appreciated.