Telerik Forums
UI for ASP.NET MVC Forum
1 answer
151 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
235 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
192 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
117 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
7 answers
1.1K+ views
I've bound the event, and tried the pre-initialization and post-initialization binding :

(post initialization snippet)
editor.bind("paste", function(e) {
e.html = unescape(e.html);
});

However, the function only fires the second time that I paste a value into the editor.

Any suggestions would be appreciated.

Dean Wise
Alex Gyoshev
Telerik team
 answered on 02 Mar 2015
1 answer
91 views
Hi,

We have a grid with a foreignkey column. This column has to call an edit template Dropdownlist with cascade property .

columns.ForeignKey(f => f.CatalogReference, (System.Collections.IEnumerable)ViewBag.Cataleg, "Reference",          "Descripcio").EditorTemplateName("CatalegReferenceByType");

@model object
(Html.Kendo().DropDownList()
    .Name("CatalogReference")
    .AutoBind(true)
    .OptionLabel("Select reference...")
    .DataTextField("Descripcio")
    .DataValueField("Reference")
    //.HtmlAttributes(new { data_skip = "true", data_bind = "defferedValue: object" })           //.BindTo((SelectList)ViewData[ViewData.TemplateInfo.GetFullHtmlFieldName("") + "_Data"])
    .DataSource(source => {
           source.Read(read => read.Action("PopulateReferences", "Catalog").Data("filterTypes"))
          .ServerFiltering(true); })
    .CascadeFrom("Tipus")
    .HtmlAttributes(new { id = Guid.NewGuid().ToString() })
)

It's possible show the value in dropdownlist when update state is selected.


Thanks for your responds.


Xavier.
Alexander Popov
Telerik team
 answered on 02 Mar 2015
1 answer
106 views
I just downloaded and installed UI for ASP.NET MVC - I'm evaluating it for a potential purchase.

Although I have VS 2012 Pro and VS 2013 Express for Web installed, the installed did not recognize the 2013 installation and therefore can't install the VS extensions. It did recognize VS 2012 but I'm planning to use 2013, so this is a handicap.

I've seen a few old messages on this topic but I believe it's supposed to be working now.

Any advice welcome!

Thanks, Tom
Steliyan
Telerik team
 answered on 02 Mar 2015
1 answer
177 views
Hello Guys,


I have the following dropdownlist with a custom template:

        Html.Kendo()
           .DropDownList()
           .HtmlAttributes(new { style = "width:100%; " })
           .BindTo(Model.FilterShops)
           .DataTextField("DisplayValue")
           .DataValueField("Id")
           .Template("<input type='checkbox' id='#=data.Id #' name='superPlayer#=data.Id #' value='#=data.IsSelected #' />" + "   " + "${ data.DisplayValue}")
           .Name("cb_SuperPlayer")
           .Events(ev => ev.Close("cb_SuperPlayer_closed"))
           .Filter(FilterType.Contains)

If i open the dropdownlist and check some of the checkboxes, on the close event i will correctly get the ones checked into an array. 
The problem is when i use the search textbox of the control to filter the items, if i check some of them, after the dropdownlist closes the selections are all cleared..

So for example lets say that my collection has: [Whatever, Test1, Test2, SomeOtherText]. If i just open the dropdownlist and select whatever and test1 and then close it, after i collapse it again, my checkboxes are still checked.

If i open the dropdownlist and search for "test", and check test1, test2, close the dropdownlist and then collapse it again, the two selections are cleared.

Hope you can help me figure this out.

P.S: This is the method for onclosed to get the checked selections

      function cb_SuperPlayer_closed() {
        var selShops = new Array();
        var doc = document.getElementById("cb_SuperPlayer_listbox");
        var chkBoxes = doc.getElementsByTagName("input");
        for (var i = 0; i < chkBoxes.length; i++) {
            if (chkBoxes[i].checked)
                selShops.push(chkBoxes[i].id);
        }

    }

Regards,


Fran









Alexander Popov
Telerik team
 answered on 02 Mar 2015
1 answer
139 views
Hi,

I'm reading from a dataset from a SQL database to my chart, I've managed all chart types except for one as the data coming back is dynamic. Essentially I am need to have the startDate that is already returned to be my x axis and then I want to stack by database column the monthly information. The problem is I don't know what the columns are called after the startDate and don't know how many there are. 

I've been looking now for over 24 hours at various solutions and have so far come up blank. My charts are written using the MVC approach but I've also been trying the JavaScript approach. All seems OK until I try to load the series information in. The data is going to be coming at me in the following format:

Public class websiteInformation
{
    public string DisplayDate { get; set; }
    public List<WebSiteInfo> WebSite { get; set; }
}
 
Public class WebSiteInfo
{
    public decimal Value { get; set; }
    public string WebSiteName { get; set; }
}

The razor looks like this:

@(Html.Kendo().Chart<websiteInformation>()
      .Theme("BlueOpal")
      .Name("WebSiteInfo")
      .ChartArea(chartArea => chartArea.Background("transparent"))
      .SeriesDefaults(sd => sd.Column().Stack(true))
      .DataSource(ds => ds
          .Read(read => read.Action("WebSiteInfo", "Home", new
          {
              param1 = "param1value",
              param2 = "param2value",
              param3 = "param3value",
              param4 = "param4value",
              param5 = "param5value"
          }))
          .Events(e => e.RequestStart("chart4LoadingStart").RequestEnd("chart4LoadingEnd"))
      )
      .Series(series =>
      {
        ?????????????????????????
      })
      .Legend(l => l.Position(ChartLegendPosition.Bottom))
      .Tooltip(tt => tt.Visible(true).Template("#= kendo.format('{0:P}', percentage) #").Color("white"))
)

What I need to know is how to dynamically configure the series so I can have the x axis as the DisplayDate then the Y stacked for each month all the WebSiteInfo so the Value and the WebSiteName will be used in the tooltip.

Hope this all makes sense,and hopefully someone can help?
Thanks in advance.
T. Tsonev
Telerik team
 answered on 02 Mar 2015
1 answer
93 views
Hi,

In the following code snippet you see that we are using the MVC Wrapper of kendo ui grid with odata mechanism that gets its data from a controller in server side.
We want to use custom command buttons but we are getting an exception that says that we cannot use custom commands if we are not using server binding. But when we are using odata mechanism with data binding at controller stage, why this is not a server binding ?

Please help.

Thanks.

<div>
    @(Html.Kendo().Grid<Item>()
          .Name("grid")
          .Columns(columns =>
          {
              columns.Bound(c => c.ItemCode);
              columns.Bound(c => c.ItemName);
              columns.Command(command => command.Custom("Details").Text("Details").Action("OpenDetailsForm", "Home")).Width(100);
          })
          .HtmlAttributes(new { style = "height: 380px;" })
          .Scrollable()
          .Selectable(o => o.Mode(GridSelectionMode.Multiple).Type(GridSelectionType.Row))
          .Sortable()
          .Resizable(o => o.Columns(true))
          .Reorderable(o => o.Columns(true))
          .Filterable()
          .Pageable(pageable => pageable
          .Refresh(true)
          .PageSizes(true)
          .ButtonCount(3))
          .DataSource(dataSource => dataSource
          .Custom()
          .ServerSorting(true)
          .ServerFiltering(true)
          .ServerPaging(true)
          .ServerGrouping(true)
          .ServerAggregates(true)
          .Schema(s => s.Total("Total").Data("Data"))
          .Type("odata")
          .PageSize(10)
          .Transport(r => r.Read(c => c.Cache(true)).Read(a => a.Action("GetGridDataSource", "Home", new { entityName = typeof(Item).FullName }).DataType("json")))))
</div>







Alexander Popov
Telerik team
 answered on 02 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
DateTimePicker
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
TimePicker
StockChart
RadialGauge
ContextMenu
ArcGauge
AICodingAssistant
+? more
Top users last month
Ambisoft
Top achievements
Rank 2
Iron
Pascal
Top achievements
Rank 2
Iron
Matthew
Top achievements
Rank 1
Sergii
Top achievements
Rank 1
Iron
Iron
Andrey
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Ambisoft
Top achievements
Rank 2
Iron
Pascal
Top achievements
Rank 2
Iron
Matthew
Top achievements
Rank 1
Sergii
Top achievements
Rank 1
Iron
Iron
Andrey
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?