jQWidgets Forums

Forum Replies Created

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

  • BradleyJQ
    Participant

    none of the .js files are being loaded.


    BradleyJQ
    Participant

    here is the code in the .cshtml:

    @{
        ViewBag.Title = "Home Page";
    }
    
    <head>
        <meta name="keywords" content="jQuery Button, CheckBox, Toggle Button, Repeat Button, Radio Button, Link Button, Button" />
        <meta name="description" content="The jqxButton widget allows you to display a button on the Web page." />
        <title id='Description'>
            The jqxButton widget allows you to display a button on the Web
            page.
        </title>
    
        <link href="~/Content/JQWidgets/jqx.base.css" rel="stylesheet" />
        <link href="~/Content/JQWidgets/jqx.darkblue.css" rel="stylesheet" />
        <script type="text/javascript" src="~/Scripts/jquery-1.11.1.min.js"></script>
        <script type="text/javascript" src="~/Scripts/JQWidgets/jqxcore.js"></script>
        <script type="text/javascript" src="~/Scripts/JQWidgets/jqxbuttons.js"></script>
        @*<script src="~/Scripts/JQWidgets/jqxchart.core.js"></script>
        <script src="~/Scripts/JQWidgets/jqxdraw.js"></script>
        <script src="~/Scripts/JQWidgets/jqxdata.js"></script>*@
        </head>
        <body>
        <input type="button" value="Click Me" id="myButton" />
    
    </body>
    
    <script type="text/javascript">
        $(document).ready(function () {
            alert("in document.ready function");
                $("#myButton").jqxButton(
               { width: '120px', height: '55px', theme: 'darkblue' }
               );
            });
    </script>

    jquery:

    Successfully installed ‘jQuery 1.11.1’ to

    result is a button, but its the default button color, not darkblue. modifying the parameters width: ‘120px’, height: ’55px’ has no effect on button size

    in reply to: Cannot make a button work ?? Cannot make a button work ?? #82100

    BradleyJQ
    Participant

    Here is the code that would not work. The button click event fired the alert, the jqxSubmitButton would never fire the alert.

    <script type="text/javascript">
    
                $("button").click(function () {
                    alert("button clicked");
                });
    
                $("#jqxSubmitButton").click(function () {
                    alert("button clicked");
    
                });
    
    </script>
    
            <div>
                <input style='margin-top: 20px;' type="Button" value="Submit" id='jqxSubmitButton' />
            </div>

    with the div after the code? didnt work. Put the div first, script after? works, I had tried the onformload() thinking it would run after the DOM was finished, one button made the alert the other didnt. well ok, Jquery.

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