jQWidgets Forums

jQuery UI Widgets Forums Editors Button, RepeatButton, ToggleButton, LinkButton help: how to add image on linkbutton?

This topic contains 2 replies, has 3 voices, and was last updated by  ssp 11 years, 7 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • help: how to add image on linkbutton? #18310

    airdan
    Member

    how to add image on jqxlinkbutton? i try such like in jqxbutton but it’s not working.
    thanks for help


    Dimitar
    Participant

    Hello airdan,

    Unfortunately, due to jqxLinkButton being initialized from an a tag, images cannot be added into it. However, you may successfully use jqxButton for the same purpose:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <script type="text/javascript" src="../../scripts/gettheme.js"></script>
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" />
    <script type="text/javascript" src="../../scripts/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxbuttons.js"></script>
    <script type="text/javascript">
    $(document).ready(function () {
    var theme = getDemoTheme();
    // Create jqxButton widgets.
    $("#jqxButton").jqxButton({ width: '150', theme: theme });
    // Subscribe to Click events.
    $("#jqxButton").on('click', function () {
    window.location("http://www.jqwidgets.com/");
    });
    });
    </script>
    </head>
    <body class='default'>
    <div style="width: 100px; height: 25px;" id='jqxButton'>
    <img style='float: left; margin: 4px;' src="../../../images/help.png" />
    <div style='float: left; margin: 4px;'>
    Button</div>
    </div>
    </body>
    </html>

    Best Regards,
    Dimitar

    jQWidgets team
    http://www.jqwidgets.com/

    help: how to add image on linkbutton? #26738

    ssp
    Participant

    Hi,

    Is there an option for me to change the icon which expands the nested grids, inorder to maintain the uniformity of icons used throughout my project??

    I have to change it to ‘+’ sign, plz let me know if your functionality supports the option to change the icon for grids expansion?

    Thanks & Regards,
    Sandhya S P

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.