Questions on Kendo UI for jQuery Forum

1 answer

320 views

MultiSelect and responsive placeholder value

Hi,

I'm using AngularJS and with the Kendo MultiSelect control.

I am setting the placeholder via the selectOptions like the following

$scope.selectOptions = {
placeholder: "Search for workitem by reference or property",
dataTextField: "title",
dataValueField: "reference",
valuePrimitive: true,

However, I would like the placeholder value to be responsive. i.e.

if @media (min-width: 480px) then text is "Search for workitem by reference or property"

if @media (max-width: 480px) then text is "Search for workitem"

What would be the correct way of achieving this?

MultiSelect

answered on 13 Jul 2017

3 answers

620 views

Filtering numeric value with a custom dropdown

Hi,

Right now, I'm struggling to implement a custom dropdown filter for a column which displays numerical data. The dropdown doesn't end up getting populated with any of the data from that column. I modified a dojo to demonstrate what I'm talking about. In this dojo, no data displays in the dropdown filter for "Freight". I'm struggling to figure out why this is not working.

http://dojo.telerik.com/ewesa

Thanks for your help!

Grid

answered on 13 Jul 2017

4 answers

445 views

Reorder datasource in treeview and reload

Hi.

I have a treeview of menus in my application. But in the other way I have a kendoMobileScrollView because my tree of menus also can be edited in visual mode.

When I change to visual way getting the datasource from my treeview it works well. But my actual problem is when I reorder the dataSource(reordering the indexs) and then try to apply the changes like this: "$("#tree").getKendoTreeView().setDataSource.data($("#tree").getKendoTreeView().dataSource.data())", it reorders but childs don't open.

Any solutions?

TreeView

answered on 13 Jul 2017

2 answers

206 views

[Solved] align top

Hello,

Currently, I am centering the content of the diagram using:

diagram.bringIntoView(diagram.shapes);

However, I would like the shapes to be vertically aligned to the top. So horizontally centered, but vertically aligned at the top.

How would I achieve this?

Thanks.

Diagram

answered on 13 Jul 2017

1 answer

157 views

Relation of map scale to markers

Hi guys I need help trying to figure out how to relate scale to marker locations.

Here is an example of what is required.

From a center point place a distinct marker defining the center marker. Allow a search radius in miles from that center point. A good example is "You are Here" and within a 50 mile radius there are x number of markers. As the radius becomes larger the default zoom scale zoom: 10 for instance.

It would be ideal if there were a way to auto adjust the scale to display zoom scale based on markers that are not visible under the current scale.

So if a user had previously entered in a 50 mile radius search and then they performed a 150 mile radius search the map's zoom scale would auto adjust so that the markers at 150 miles all show on the map. The user of course would then have the ability to zoom in or zoom out accordingly but the max zoom allowed would cover all markers in the 150 mile radius. In other words I would not want the user to be able to zoom out and see the entire US or World if the search radius didn't encompass the entire US in miles.

Any help you could provide would be greatly appreciated.

Map

answered on 13 Jul 2017

1 answer

366 views

Contextmenu alignment

Hi,

I'm not sure whether or not this has been asked but I'll ask the question nonetheless. I have a button to which I have tied a contextmenu. I would like the contextmenu to be align at the bottom of the button with the top right corner aligned to the bottom right of the button. As far as I can tell this behavior is not supported by the contextmenu API. I have managed to get a workaround working:

http://dojo.telerik.com/aSUlI/10

This workaround is not ideal since the repositioning of the contextmenu wrapper is done in the open event and you can see the contextmenu move from the original position to the adjusted position. Is there a better way to this?

Greetings,
Ron

Menu

answered on 13 Jul 2017

1 answer

241 views

Angular2 + Kendo MultiSelect list each item per row

I have an Angular2 Kendo MultiSelect componenet in my app. My business requirement is to list each selection per row instead of stacking them next to each other. How do I achieve this?
I did a search and found this thread. Implemented the proposed style by setting width to 100px but this would not work in my scenario because the multiselect selections are going to be longer than 100px.
One way that I found this to work with my multiselect is by setting width to 500px for the multiselect control. In that case it is dropping each item in its own row but the size of the multiselect is not taking the full width of the page.
How can i achieve each item per row with Kendo Multiselect length set to full width ?

MultiSelect

answered on 13 Jul 2017

1 answer

461 views

range slider ticks do not appear

Hello,

I am using the range slider via MVVM. I noticed that when i define the width via inline style on the div that sets the range slider, the tick marks disappear. However, if the width is removed, the tick marks appear. Please advise?

Edit: My range slider is sitting within a kendo template. I have attached a snippet of my code

<script type="text/x-kendo-template" id="filterAgeTemplate">

<div class="item--agerange">

<div class="agerange-wrap">

<div

data-role="rangeslider"

data-small-step="1"

data-large-step="10"

data-min="1"

data-max="100"

data-bind="value: ageRange, events: { change: vm_onAgeSelectorChange }" id="panel-filter__agerange" style="width:160px">

<input />

</div>

<div class="agerange-title">Age Range</div>

</div>

<div class="agerange-btns ">

<button class="button button__gray-outline"><span>Reset</span></button>

</div>

</script>

Slider

answered on 13 Jul 2017

12 answers

2.8K+ views

Can "or" be used to filter a datasource?

I need to check a single field for several possible values in my datasource filter.

Imagine you want a filter to show only rows with "name" containing "Jennie" or "name" containing "Genie".

Trying this yields no matches:

myPeopleDataSource.filter([{field:"name",operator:"contains",value:"Jennie"}, {field:"name",operator:"contains",value:"Genie"}])

I'm guessing this is because the filter is limited to one criteria per field per filter action.

Is that true?

Any way around this?

Data Source

answered on 13 Jul 2017

3 answers

440 views

[Solved] Fonts and Glyph Icon's Missing in IIS Deployment in Virtual path

Hi,
I have problem loading Images and glyphs Icons and fonts of grid and drop down box when I use bundling and virtual path to deploy application. However, without bundling it is working fine in virtual path.

If, I do not use virtual path then it is working fine with bundling and without bundling.

My current path is in which not working
http://localhost:8089/HTML5/...
But if I use
http://localhost:8089/....
Then it is working fine
Below is the my codes
CSHTML File

<head>

<meta name="viewport" content="width=device-width" />

<base href="~/">

<link rel="icon" href="~/Content/Images/favicon.gif" type="image/png">

@Styles.Render("~/Content/KendoCss")

@Styles.Render("~/Content/Styles")

@Styles.Render("~/Content/appThemesCss")

@Styles.Render("~/Content/SiteCss")

</head>

Below is my bundle Config file

#region Themes

bundles.Add(new Bundle("~/Content/appThemesCss")

.Include("~/Content/AppTheme/css/custom.min.css",new CssRewriteUrlTransform())

.Include("~/Content/AppTheme/css/custom-responsive.min.css", new CssRewriteUrlTransform())

.Include("~/Content/AppTheme/css/custom-skins.min.css.css", new CssRewriteUrlTransform())

.Include("~/Content/AppTheme/css/ace-skins.min.css", new CssRewriteUrlTransform()));

bundles.Add(new StyleBundle("~/Content/SiteCss")

.Include("~/Content/AppTheme/css/main.css",

"~/Content/AppTheme/css/main-rtl.css"

));

#endregion

#region Kendo

bundles.Add(new Bundle("~/Content/KendoCss")

.Include("~/Content/Kendo/styles/kendo.common.min.css", new CssRewriteUrlTransform())

.Include("~/Content/Kendo/styles/kendo.rtl.min.css", new CssRewriteUrlTransform()) .Include("~/Content/Kendo/styles/kendo.material.min.css", new CssRewriteUrlTransform()) );

And my folder structure is look like in the attach

Please Help me,
Thank you.

General Discussions

answered on 13 Jul 2017