jQWidgets Forums

Forum Replies Created

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • in reply to: Making json tree icons bigger Making json tree icons bigger #27933

    njm
    Member

    Dear Peter,

    Thanks a lot. Sorry for bothering you, I’ve put iconsize exactly like you, but the size of icons haven’t changed. If you could help me, I’ll me grateful.

    I wait to hearing from you.

    Best Regards,
    Najmeh

    in reply to: Making json tree icons bigger Making json tree icons bigger #27928

    njm
    Member

    Hi Peter,

    I’ve put the iconsize in the source like this:

    for (var i = 0; i < array.length; i++) {
    data[i] = {
    "id": array[i].Id,
    "parentid": array[i].Parent,
    "text": array[i].Name,
    "icon": {iconsize:20, "icon": array[i].pAddress}
    }
    }

    Unfortunately, all icons are removed and there is no icon in tree.

    Best Regards,
    Najmeh

    in reply to: Making json tree icons bigger Making json tree icons bigger #27919

    njm
    Member

    Dear Peter,

    Many thanks for your response. Could you give me an example for the loop. Where should I put the loop: Is it good to put it when I define the source. How can I define the loop?

    Best Regards,
    Najmeh


    njm
    Member

    Hi Dimitar,

    Sorry bothering you. However, although I’ve uncomment that line there is no menu on page. Maybe I’ve forgot to put an instruction or I’ve done something wrong. I’ll be grateful if could guide me.

    Many thanks in advance,
    Najmeh


    njm
    Member

    Hi Dimitar,

    I’ve done your suggestion, but unfortunately it doesn’t work. There is no menu on the page except a lot of space on top of it.

    Best regards,
    Najmeh


    njm
    Member

    Tanks for reply.
    I’m using MVC4


    njm
    Member

    This is a simple code:

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title - My ASP.NET MVC Application</title>
    <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    <meta name="viewport" content="width=device-width" />
    <script type="text/javascript" src="~/scripts/gettheme.js"></script>
    <script type="text/javascript" src="~/scripts/jquery-2.8.3.min.js"></script>
    <script type="text/javascript" src="~/jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="~/jqwidgets/jqxmenu.js"></script>
    <script type="text/javascript" src="~/jqwidgets/jqxcheckbox.js"></script>
    @Styles.Render("~/jqwidgets/styles/jqx.base.css")
    @Styles.Render("~/jqwidgets/styles/jqx.ui-smoothness.css")
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
    </head>
    <body>
    <script type="text/javascript">
    $(document).ready(function () {
    $("#jqxMenu").jqxMenu({ rtl: false, width: '600', height: '30px', theme: theme });
    //$("#jqxMenu").css('visibility', 'visible');
    });
    </script>
    <header>
    <div class="content-wrapper">
    <div id='jqxWidget' style="height: 300px;">
    <div id='jqxMenu' style='visibility: hidden; margin-left: 5px;'>
    <ul>
    <li><a href="#Home">Home</a></li>
    <li>Solutions
    <ul style='width: 250px;'>
    <li><a href="#Education">Education</a></li>
    <li><a href="#Financial">Financial services</a></li>
    <li><a href="#Government">Government</a></li>
    <li><a href="#Manufacturing">Manufacturing</a></li>
    <li type='separator'></li>
    <li>Software Solutions
    <ul style='width: 220px;'>
    <li><a href="#ConsumerPhoto">Consumer photo and video</a></li>
    <li><a href="#Mobile">Mobile</a></li>
    <li><a href="#RIA">Rich Internet applications</a></li>
    <li><a href="#TechnicalCommunication">Technical communication</a></li>
    <li><a href="#Training">Training and eLearning</a></li>
    <li><a href="#WebConferencing">Web conferencing</a></li>
    </ul>
    </li>
    <li><a href="#">All industries and solutions</a></li>
    </ul>
    </li>
    <li>Company
    <ul style='width: 180px;'>
    <li><a href="#About">About Us</a></li>
    <li><a href="#Press">Press</a></li>
    <li><a href="#Investor">Investor Relations</a></li>
    <li><a href="#CorporateAffairs">Corporate Affairs</a></li>
    <li><a href="#Careers">Careers</a></li>
    <li><a href="#Showcase">Showcase</a></li>
    <li><a href="#Events">Events</a></li>
    <li><a href="#ContactUs">Contact Us</a></li>
    <li><a href="#Become an affiliate">Become an affiliate</a></li>
    </ul>
    </li>
    </ul>
    </div>
    </div>
    <br />
    <div class="float-left">
    <p class="site-title">@Html.ActionLink("your logo here", "Index", "Home")</p>
    </div>
    <div class="float-right">
    <section id="login">
    @Html.Partial("_LoginPartial")
    </section>
    <nav>
    <ul id="menu">
    <li>@Html.ActionLink("Home", "Index", "Home")</li>
    <li>@Html.ActionLink("About", "About", "Home")</li>
    <li>@Html.ActionLink("Contact", "Contact", "Home")</li>
    <li>@Html.ActionLink("View News","Index","WildLife")</li>
    </ul>
    </nav>
    </div>
    </div>
    </header>
    <div id="body">
    @RenderSection("featured", required: false)
    <section class="content-wrapper main-content clear-fix">
    @RenderBody()
    </section>
    </div>
    <footer>
    <div class="content-wrapper">
    <div class="float-left">
    <p>&copy; @DateTime.Now.Year - My ASP.NET MVC Application</p>
    </div>
    </div>
    </footer>
    @Scripts.Render("~/bundles/jquery")
    @RenderSection("scripts", required: false)
    </body>
    </html>
Viewing 7 posts - 1 through 7 (of 7 total)