jQuery UI Widgets › Forums › Editors › CheckBox, RadioButton › How to add image to jqxbutton
This topic contains 2 replies, has 2 voices, and was last updated by syedkhaleel2010 9 years, 9 months ago.
Hi folks,
I want add an image to jqxbutton.is there any option to add an image icon to button please suggest..
Hello syedkhaleel2010,
Here is an example which shows how to add icon to jqxButton. I hope it would be helpful.
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" />
<script type="text/javascript" src="../../scripts/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
<script type="text/javascript" src="../../jqwidgets/jqxdata.js"></script>
<script type="text/javascript" src="../../jqwidgets/jqxbuttons.js"></script>
<script type="text/javascript">
$(document).ready(function () {
// create find button.
$("#findButton").jqxButton({ width: 100 });
});
</script>
</head>
<body class='default'>
<div style="float: left; margin-left: 5px; width: 60px; height: 20px;" id="findButton" role="button" >
<img style="position: relative; margin-top: 2px;" src="../../images/add.png"><span style="margin-left: 4px; position: relative; top: -3px;">Add</span></div>
</body>
</html>Best Regards,
Nadezhda
jQWidgets team
http://www.jqwidgets.com/
Thanks for the comment..
You must be logged in to reply to this topic.