jQWidgets Forums

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

Tagged: , , , ,

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? Posts
  • March 30, 2013 at 9:54 pm 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

    April 1, 2013 at 6:32 am help: how to add image on linkbutton? #18336

    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/

    August 13, 2013 at 9:50 am 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

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.