This topic is locked
[SOLVED]

 Put an icon over a custom button

4/5/2016 4:48:56 PM
PHPRunner General questions
C
carlos.oschi@gmail.com author

Hello, ¿there are a way to put an icon (16x16) left center of a custom button?
best regards

Sergey Kornilov admin 4/5/2016
C
carlos.oschi@gmail.com author 4/11/2016



http://xlinesoft.com...tom-css-tricks/

'Adding images to buttons' section


certainly, is not to complicated.
steps for all people here..
first create in custom css the code
.customexcel:before

{

content:' ';

background-image: url('../../excel.png');

display: inline-block;

width: 16px;

height:16px;

margin-right: 7px;

vertical-align: -20%;

}
the url is related to css file, so this two steps is for the root directory of the project.
second, mark the button in form edit section and push button "html mode" you got something like
<A class="rnr-button button" id="Descargar" href="#" typeid="ib"> Descargar </A>
replace button for customexcel (or the name that you put in css section)
and that make the trick.
in phprunner form the button doesn't show the icon, only apears more big than the usual.
best regards

Carlos.