Questions on Kendo UI for jQuery Forum

0 answers

49 views

Hello,

I have an SPA web application.

The menu links are regular <a> tags but they just update the main content area with AJAX. The close on click is set to true but it doesn't close.
I belive this bugs out because of the Ajax way of things working.

Anybody have experience or workarounds?

Menu

asked on 15 Oct 2012

0 answers

80 views

Firefox Menu Loading Delay

Hi there,

I've got kendo (The web widgets) working across multiple pages and haven't really had any major issues getting it all to work the way I'd like across all browsers. Everything's displaying the way it's supposed to be and functioning great - that said there's one little thing I'd like to improve.

When I load any of my pages in firefox there's a split second delay in which I see my menu as an unordered list and unstyled (see before.png attached). It snaps into place with the proper styling(after.png) pretty quickly, but it's still an undesirable transition as everything on the page then shifts to position itself again.

This doesn't happen in Chrome or ie, on load the menu is styled before any elements are shown. Is this a firefox flaw, a jquery/javascript problem a kendo menu+firefox problem or just some kind of fault on my part?

Any suggestions are welcome,
Thank you

Menu

asked on 27 Sep 2012

0 answers

80 views

Download a file from the menu

Hi,
I'd like to let my visitor download a file directly from the menu but i've no idea how i can code this.
I tried it with WebClient (namespace = System.Web)...

WebClient client = new WebClient();
d.Add().Text(name).HtmlAttributes(
client.DownloadFile(file, name + ".zip")
);

...but without any success. So how can I get a download link in my menu?

Menu

asked on 26 Sep 2012

0 answers

115 views

Menu in MVC from Sitemap

Hello all,

I am working on MVC3 App and i would want to have a menu where items will come from sitemap file(I have multiple sitemap files and based on the user selection i have to pass appropriate sitemap to view). i have seen the menu demo in telerik website which says " how to get a menu from single sitemap". Can anyone tell me how i should proceed if i have multiple sitemaps for a single menu.

Appreciate the help

Thanks

Menu

asked on 19 Sep 2012

0 answers

69 views

Animation not working at all

Fixed.

Menu

asked on 03 Sep 2012

0 answers

54 views

SubMenu below the grid

Hi,
I have a problem with the telerik menu, when i use a grid to 100% of page, the menu passes below the grid, i don't know the solution for this problem, ahhh only with Internet Explorer

Menu

asked on 30 Aug 2012

0 answers

103 views

Filtering breaks when grid is inserted into Menu

I have a menu that I have inserted a grid into. I use selections in the grid to populate another grid outside of the menu. All of this is working correctly.

However, I was hit with an extra request of making the items listed in the menu-grid filterable. I added the tag, but unfortunately, the filter icon does not appear...

I have tried to remove this grid and place it within another area (direct copy/paste, no code change) in the document and the filtering functions correctly.

See attached pictures for extra clarification

I will also note that Sorting works correctly when the grid is inside the menu which makes me think this is in fact a bug and not intentional, but I'm not sure.

For grids within a menu, is the 'filterable()' attribute intentionally neglected? If so, why and regardless of intentionality, will this change/be fixed in a future release?

Menu Code:

@(Html.Kendo().Menu()

    .Name("ProductBookMenu")

    .OpenOnClick(true)

    .CloseOnClick(true)

    .Items(items =>

    {

        items.Add()

            .Text("Product Book")

            .Content(Html.Partial("ProductBook", Model.ItemModelList).ToHtmlString());

    })

)

Grid Code (ProductBook.cshtml):

@model List<Company.Product.MVC.Models.ItemModel>

@using Kendo.Mvc.UI

<script>

function PopulateItemGrid() {

    var productBookGrid = $("#ProductBookGrid").data("kendoGrid");

    var itemGrid = $("#QuoteItemGrid").data("kendoGrid");

    productBookGrid.select().each(function () {

        var dataItem = productBookGrid.dataItem($(this));

        itemGrid.dataSource.add(dataItem);

    });

    $("#ProductBookMenu").data("kendoMenu").close("#Item1");

}

</script>

@(Html.Kendo().Grid(Model)

    .Name("ProductBookGrid")

    .Columns(columns =>

    {

        columns.Bound(i => i.FreightClass).Width(70);

        columns.Bound(i => i.DimensionLength).Width(70);

        columns.Bound(i => i.DimensionWidth).Width(70);

        columns.Bound(i => i.DimensionHeight).Width(70);

        columns.Bound(i => i.DimensionUnitOfMeasure).Width(70);

        columns.Bound(i => i.QuantityQuantityValue).Width(70);

        columns.Bound(i => i.QuantityUnitOfMeasure).Width(70);

        columns.Bound(i => i.WeightWeightValue).Width(70);

        columns.Bound(i => i.WeightUnitOfMeasure).Width(70);

        columns.Bound(i => i.NmfcCode).Width(75);

        columns.Bound(i => i.ItemDescription).Width(150);

    })

    .ToolBar(toolbar =>

    {

        toolbar.Custom().Text("Add").Url("#_").HtmlAttributes(new { onclick = "PopulateItemGrid()" });

    })

    .Pageable()

    .Sortable()

    .Scrollable()

    .Filterable()

    .Resizable(resize => resize.Columns(true))

    .Reorderable(reorder => reorder.Columns(true))

    .DataSource(dataSource => dataSource

        .Ajax()

    )

    .Selectable(selectable => selectable.Mode(GridSelectionMode.Multiple))

)

Menu

asked on 29 Aug 2012

0 answers

66 views

Display Menu inside the list view

I am able to load menu inside the list view.I want to retrieve the selected item id value.I used onSelect event and i am able to get the selected item text using
$(e.item).text();
can u tell me how to get the selected id value from the list view.

Menu

asked on 22 Aug 2012

0 answers

57 views

Storing menu in localStorage

please remove

Menu

asked on 20 Aug 2012

0 answers

84 views

Bug with <div> container

Hi!

There is a problem with 'vertical' menu and <div> container. Example:

<div id="menu"></div>

<p><br/><br/><br/><br/></p>

<ul id="menu-2"></ul>

<script>

$(function() {

var m = $('#menu, #menu-2').kendoMenu({

dataSource: [

{

text: "Baseball", imageUrl: "../../content/shared/icons/sports/baseball.png",

items: [

{ text: "Top News", imageUrl: "../../content/shared/icons/16/star.png" },

{ text: "Photo Galleries", imageUrl: "../../content/shared/icons/16/photo.png" },

{ text: "Videos Records", imageUrl: "../../content/shared/icons/16/video.png" },

{ text: "Radio Records", imageUrl: "../../content/shared/icons/16/speaker.png" }

]

},

{

text: "Golf", imageUrl: "../../content/shared/icons/sports/golf.png",

items: [

{ text: "Top News", imageUrl: "../../content/shared/icons/16/star.png" },

{ text: "Photo Galleries", imageUrl: "../../content/shared/icons/16/photo.png" },

{ text: "Videos Records", imageUrl: "../../content/shared/icons/16/video.png" },

{ text: "Radio Records", imageUrl: "../../content/shared/icons/16/speaker.png" }

]

},

{

text: "Swimming", imageUrl: "../../content/shared/icons/sports/swimming.png",

items: [

{ text: "Top News", imageUrl: "../../content/shared/icons/16/star.png" },

{ text: "Photo Galleries", imageUrl: "../../content/shared/icons/16/photo.png" }

]

},

{

text: "Snowboarding", imageUrl: "../../content/shared/icons/sports/snowboarding.png",

items: [

{ text: "Photo Galleries", imageUrl: "../../content/shared/icons/16/photo.png" },

{ text: "Videos Records", imageUrl: "../../content/shared/icons/16/video.png" }

]

}

],

orientation: 'vertical'

});

</script>

<style>

#menu-2

{

width: 300px;

}

</style>

Results in attach.

<ul> container works fine, but not <div>.

Problem is with this rule in kendo.common.css:

ul.k-menu-vertical > .k-item

{

display: block;

float: none;

border-width: 0;

}

I added "div.k-menu-vertical" with same rules and it works fine.

Menu

asked on 20 Jul 2012

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools