Telerik Forums
UI for ASP.NET MVC Forum
1 answer
301 views
Here is my Kendo Datasource and code related to it. I want to display radio button list in Access Type column so that user can select Read or Read/Write or None type access. How can I pass that in my datasource ?I want radiobuttonlist at group level too.

var words = {
'count': 4,
'input': 'kendo',
'groups': [{
'field': 'Word 1',
'value': '3',
'items': [
{ 'Word': 'ACT', 'AccessType' : 'Read' },
{ 'Word': 'ADG', 'AccessType': 'Read' },
{ 'Word': 'ALF', 'AccessType': 'Read / Write' }
],
'hasSubgroups': false,
'aggregates': {}
}, {
'field': 'Word 2',
'value': '4',
'items': [
{ 'Word': 'BCB', 'AccessType': 'Read' },
{ 'Word': 'BCC', 'AccessType': 'Read / Write' },
{ 'Word': 'BCH', 'AccessType': 'None' },
{ 'Word': 'BCT', 'AccessType': 'Read' }
],
'hasSubgroups': false,
'aggregates': {}
}, {
'field': 'Word 3',
'value': '6',
'items': [
{ 'Word': 'CCC', 'AccessType': 'Read / Write' },
{ 'Word': 'CCT', 'AccessType': 'None' },
{ 'Word': 'CHH', 'AccessType': 'Read' },
{ 'Word': 'CFF', 'AccessType': 'None' },
{ 'Word': 'GCC', 'AccessType': 'Read / Write' },
{ 'Word': 'GCT', 'AccessType': 'Read' }
],
'hasSubgroups': false,
'aggregates': {}
}] 
};

var wordsDataSource = new kendo.data.DataSource({
data: words,
schema: {
groups: 'groups',
},
group: {
field: 'length'
},
serverGrouping: true,
columns: [
{ field: "Word", title: "Sites" },
{ field: "Access", title: "Access" }
]
});

$("#grid").kendoGrid({
autoBind: false,
dataSource: wordsDataSource
});

wordsDataSource.read();
Alexander Popov
Telerik team
 answered on 05 Mar 2015
2 answers
183 views
Hi guys,
Another seemly simple task but oh so time consuming... What I try to achieve here:
- create a list view where users can add items to. Only after hitting a button it will be saved to the database
- the list items should be created with a separate form (several input forms and select boxes, all with data sources)
- after filling in the list item and clicking on the Add button it should be appended to the list view items.

My challenge here is that I do not know how to accomplish this with the edit templates. They all seems to rely on some server call, which I do not want to use. I want to keep this on the client, and after all list items are filled in, then do a call to the server.

Without doubt simple, but I'm stuck here. Any hints?

Regards,
Ruud
Ruud
Top achievements
Rank 1
 answered on 05 Mar 2015
2 answers
604 views
Hi,
What is the best approach to create a mechanic to show an "No results found" template for a mobile list view? Of course, I could use client side script for this, but I'm just wondering if there is another, more generic way of doing this..
Ruud
Top achievements
Rank 1
 answered on 05 Mar 2015
1 answer
102 views
... to include created date/time and last accessed and modified date/time along with the currently available name, extension and size.

Just asking!
Dimiter Madjarov
Telerik team
 answered on 05 Mar 2015
1 answer
36 views
http://www.telerik.com/forums/grid-create-and-remove-not-refreshing

This question is asked, and I have the exact same problem, but you didn't bother to answer the question so now I have to wait for an answer too and its from its from Nov 2013!
T. Tsonev
Telerik team
 answered on 04 Mar 2015
1 answer
212 views
Hi,

I'm trying to use the map to display the open and click results of an email campaign. When the page loads I want to display a bubble layer that represents the number of opens for the campaign. When the user clicks on certain panel in a panelbar, I want to instead display a bubble layer with the number of clicks for the campaign. I've been able to get it to switch back and forth successfully, but every time I do I encounter some nasty lag that I need to find a way to get rid of.

Here's the html for the map itself:
01.@(Html.Kendo().Map()
02.    .Name("CampaignMap")
03.    .Center(37.828127, -98.579404)
04.    .Zoom(4)
05.    .Zoomable(false)
06.    .Pannable(false)
07.    .Wraparound(false)
08.    .Controls(controls => controls.Navigator(false).Zoom(false))
09.    .Layers(layers =>
10.    {
11.        layers.Add()
12.            .Type(MapLayerType.Tile)
13.            .UrlTemplate("http://tile.openstreetmap.org/#= zoom #/#= x #/#= y #.png")
14.            //.Subdomains("a", "b", "c")
15.            .Attribution("© <a href='http://osm.org/copyright'>OpenStreetMap contributors</a>");
16. 
17.        layers.Add()
18.            .Type(MapLayerType.Bubble)
19.            .Style(style => style
20.                .Fill(fill => fill.Color("#00BFFF").Opacity(0.4))
21.                .Stroke(stroke => stroke.Width(0))
22.            )
23.            .DataSource(dataSource => dataSource
24.                  .Read(read => read.Action("InstCoords", "Email", new { id = @Model.CampaignId }))
25.            )
26.            .LocationField("Location")
27.            .ValueField("Opens");
28.    })
29.            )


This is the method the map reads from in my controller:
1.[AcceptVerbs(HttpVerbs.Post)]
2.public ActionResult InstCoords(int id)
3.{
4.    IEnumerable<CampaignInstOpens> coords = reportRepository.GetMapCoords(id);
5.    return Json(coords);
6.}


reportRepository.GetMapCoords(id) builds a SQL string which retrieves the number of opens, the number of clicks, latitude, and longitude for each building that was targeted by the campaign.

All of the above code seems to work fine on the initial page load - all of the data for number of opens displays in a bubble layer. What I'm trying to accomplish is when the user clicks a certain button I want to switch the bubble layer from using the "Opens" as the value field to using "Clicks," but this causes a huge amount of lag and freezes the page for several seconds. Like I said, my Read() function already grabs the data for both opens and clicks, so it seems to be like switching shouldn't be such a huge issue since it already has all the data it needs.

Here is the function I'm using to switch the value field:
01.function SwitchMap(e) {
02.    var index = $(e.item).index(); // this refers to a panelbar's selected index
03.    var layer = $("#CampaignMap").data("kendoMap").layers[1];
04.    if (index == 0) {
05.        layer.options.valueField = "Opens";
06.        layer.options.style.fill.color = "#00BFFF";
07.    }
08.    else {
09.        layer.options.valueField = "Clicks";
10.        layer.options.style.fill.color = "#008000";
11.    }
12.    layer.reset();
13.}

Can someone help me figure out how to switch back and forth between value fields without the horrible lag?
T. Tsonev
Telerik team
 answered on 04 Mar 2015
1 answer
145 views
Is there any way to add checkboxes to treeview nodes?

I like the treeview so far.  The columns and filtering are great features.  But the documentation is very sparse. 
Alex Gyoshev
Telerik team
 answered on 04 Mar 2015
3 answers
234 views
New user.  After installing the latest Telerik UI for ASP.NET MVC, and choosing File - New Project - Templates - Telerik - Web,  should I see a Kendo UI template project?  (I am watching the "The Basics of UI for ASP.NET MVC" video).

Or is there another step needed to install Kendo UI?
Michael
Top achievements
Rank 1
 answered on 03 Mar 2015
1 answer
190 views
Hi

We are currently working on a dashboard for a client which renders a number of charts at the same time.
The dashboard is driven by a commercial media device that is has low specifications and currently has trouble rendering the graphs correctly.

Is it possible to render the graphs as images? The dashboards do not required user interaction or animations.
Iliana Dyankova
Telerik team
 answered on 03 Mar 2015
1 answer
114 views
Just a sample to skin a slider via css, thought I'd share:
(vendor prefixes omitted for clarity)


.k-slider-track {
    background: linear-gradient(to bottom, rgba(199, 199, 199, 0.7) 5%, rgba(156, 156, 156, 0.1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #292929;
    border-radius: 2px;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5) inset;
}

.k-slider-selection {
    background: linear-gradient(to bottom, rgba(199, 244, 199, 0.7) 5%, rgba(156, 224, 156, 0.1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #293329;
    border-radius: 2px;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5) inset;
}

.k-draghandle {
  background: linear-gradient(to bottom, rgba(199, 244, 199, 0.7) 5%, rgba(156, 224, 156, 0.1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  border-color: #294429;
  border-radius: 2px;  
}

.k-tick-large {
  display:none;  
}
Iliana Dyankova
Telerik team
 answered on 03 Mar 2015
Narrow your results
Selected tags
Tags
Grid
General Discussions
Scheduler
DropDownList
Chart
Editor
TreeView
DatePicker
Upload
ComboBox
MultiSelect
ListView
Window
TabStrip
Menu
Installer and VS Extensions
Spreadsheet
AutoComplete
TreeList
Gantt
PanelBar
NumericTextBox
Filter
ToolTip
Map
Diagram
Button
PivotGrid
Form
ListBox
Splitter
Application
FileManager
Sortable
Calendar
View
MaskedTextBox
PDFViewer
TextBox
Toolbar
MultiColumnComboBox
Dialog
DropDownTree
Checkbox
Slider
Switch
Notification
ListView (Mobile)
Pager
Accessibility
ColorPicker
DateRangePicker
Wizard
Security
Styling
Chat
MediaPlayer
TileLayout
DateInput
Drawer
SplitView
Barcode
ButtonGroup (Mobile)
Drawer (Mobile)
ImageEditor
RadioGroup
Sparkline
Stepper
TabStrip (Mobile)
GridLayout
Template
Badge
LinearGauge
ModalView
ResponsivePanel
TextArea
Breadcrumb
ExpansionPanel
Rating
ScrollView
ButtonGroup
CheckBoxGroup
NavBar
ProgressBar
QRCode
RadioButton
Scroller
Timeline
TreeMap
TaskBoard
OrgChart
Captcha
ActionSheet
Signature
AppBar
BottomNavigation
Card
FloatingActionButton
Licensing
Localization
MultiViewCalendar
PopOver (Mobile)
Ripple
ScrollView (Mobile)
Switch (Mobile)
PivotGridV2
FlatColorPicker
ColorPalette
DropDownButton
AIPrompt
PropertyGrid
ActionSheet (Mobile)
BulletGraph
Button (Mobile)
Collapsible
Loader
CircularGauge
SkeletonContainer
Popover
HeatMap
Avatar
ColorGradient
CircularProgressBar
SplitButton
StackLayout
TimeDurationPicker
Chip
ChipList
DockManager
ToggleButton
Sankey
OTPInput
ChartWizard
SpeechToTextButton
InlineAIPrompt
DateTimePicker
TimePicker
StockChart
RadialGauge
ContextMenu
ArcGauge
+? more
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?