jQWidgets Forums

jQuery UI Widgets Forums Chart difficulty making charts display at all

This topic contains 3 replies, has 2 voices, and was last updated by  Ivo Zhulev 9 years, 2 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author

  • BradleyJQ
    Participant

    Im using MVC in a view, cshtml and dont know where the problem is. The jquery files per any example tried, are all there. I manually drag the .js or .css file so its linked without doubt, but no matter how its coded up it will push the form with blank space, if its

    <div id='chartContainer' style="width:600px; height: 400px" />

    there is a 600×400 area of blank screen there, cannot make charts appear; tried and retried, looking to add a polar and pie chart, should be simple but it will not display, thanks for any suggestions


    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


    BradleyJQ
    Participant

    none of the .js files are being loaded.


    Ivo Zhulev
    Participant

    Hi BradleyJQ,

    First make sure your JS code is inside the head or the body tags. In order for the darkblue theme to work you must include the necessary .css file.
    This code should work. Please check again your references.

    Best Regards,
    Ivo

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

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

You must be logged in to reply to this topic.