Telerik Forums
UI for ASP.NET MVC Forum
2 answers
175 views
Is it known that the editor  feature behaves differently in chrome for windows vs chrome for mac?
Mark
Top achievements
Rank 1
 answered on 11 Aug 2016
1 answer
77 views

How to localize  in french  create event popup ?

Please see attached file, i would like have title in french :

Event ==>  Evenement

None ==>  aucun

Time ==>  heure

Here is my code

@(Html.Kendo().Scheduler<TaskViewModel>()
                .Name("schedule")
                .Date(new DateTime(DateTime.Now.Year, DateTime.Now.Month, DateTime.Now.Day))
                .StartTime(new DateTime(DateTime.Now.Year, DateTime.Now.Month, DateTime.Now.Day, 9, 00, 00))
                .EndTime(new DateTime(DateTime.Now.Year, DateTime.Now.Month, DateTime.Now.Day, 18, 00, 00))
                .HtmlAttributes(new { @class = "ra-section" })
                .Views(views =>
                {
                    views.DayView(dayView => dayView.Selected(true));
                    views.WeekView();
                    views.MonthView();
                    views.AgendaView();
                })
                .Editable(true)
                .Timezone("Etc/UTC")
                .DataSource(dataSource => dataSource
                .Model(m =>
                {
                    m.Id(f => f.TaskID);
                    m.Field(f => f.Title);
                    m.Field(f => f.Start);
                    m.Field(f => f.End);
                    m.Field(f => f.EndTimezone);
                })
                .Events(e => e.Error("error_handler"))
                .Read("ChargerTous", "TaskScheduler")
                .Create("Ajouter", "TaskScheduler")
                .Update("Modifier", "TaskScheduler")
                .Destroy("Supprimer", "TaskScheduler")
                )

 

Veselin Tsvetanov
Telerik team
 answered on 11 Aug 2016
1 answer
138 views

Hello Support,
Columns and Rows are not displayed when the Spreadsheet Control is placed inside a Panel Bar.
The spreadsheet control crashes with missing references when clicking on it.

Sample "simple" code.

@(Html.Kendo().PanelBar()
    .Name("TestPanelBar")
    .Items(items =>
    {
        items.Add()
            .Text("Spreadsheet1")
            .Content(@<text>
                    @(Html.Kendo().Spreadsheet()
                                        .Name("TestSpreadsheet")
                                        .HtmlAttributes(new { style = "width:100%" })
                                        .Sheets(sheets =>
                                        {
                                            sheets.Add()
                                                .Name("Sheet1")
                                                .Columns(columns =>
                                                {
                                                    columns.Add().Width(200);
                                                    columns.Add().Width(200);
                                                })
                                                .Rows(rows =>
                                                {
                                                    rows.Add().Height(25).Cells(cells =>
                                                    {
                                                        cells.Add()
                                                            .Value("Column1")
                                                            .Background("rgb(167,214,255)")
                                                            .Color("rgb(0,62,117)")
                                                            .TextAlign(SpreadsheetTextAlign.Center);

                                                        cells.Add()
                                                            .Value("Column2")
                                                            .Background("rgb(167,214,255)")
                                                            .Color("rgb(0,62,117)")
                                                            .TextAlign(SpreadsheetTextAlign.Center);
                                                    });
                                                });
                                        })
                    )
                </text>);
            })
)

Veselin Tsvetanov
Telerik team
 answered on 11 Aug 2016
1 answer
155 views

Hello Everyone,
You can use the Spreadsheet Demo on the Telerik Web site.
Select one of the numeric values in the quantity column and choose Data Validation -> List.
Write H1:H3 on the Value for validation and fill the range with values.

Now make sure you enter a number that fails validation. You receive correctly the error dialog.
Close it and Check the Data Validation Rule for that cell.
It has changed to: _matrix(H1:H3)
Now perform more failed validations (closing the dialogs).
Check again Data Validation Rule for that cell.
It has changed to more nested "_matrix" such as "_matrix(_matrix(H1:H3))"

This process of corruption continues with side effects such as: dialog opened as many times as the number of _matrix in the Data Validation Value.
Tested on IE Edge, IE 11 and Firefox 47.0.1 with same results.

Best Regards

Veselin Tsvetanov
Telerik team
 answered on 11 Aug 2016
1 answer
204 views

Hi, I would like to validate ressource in a scheler

        @(Html.Kendo().Scheduler<SchedulerCustomViewDemo.Models.MeetingViewModel>()
    .Name("scheduler")
    .Date(new DateTime(2016, 6, 13))
    .StartTime(new DateTime(2016, 6, 13, 7, 00, 00))
    .Height(600)
    .Views(views =>
    {
        views.DayView();
        views.WeekView(weekView => weekView.Selected(true));
        views.MonthView();
        views.AgendaView();
        views.CustomView("kendo.ui.ToDoView", view => view.Title("To Do").Selected(true));
    })
    .Timezone("Etc/UTC")
    .Resources(resource =>
    {
        resource.Add(m => m.RoomID)
            .Title("Room")
            .DataTextField("Text")
            .DataValueField("Value")
            .DataColorField("Color")

            .BindTo(new[] {
                    new { Text = "Meeting Room 101", Value = 1, Color = "#6eb3fa" },
                    new { Text = "Meeting Room 201", Value = 2, Color = "#f58a8a" }
           });
        resource.Add(m => m.Attendees)
            .Title("Attendees")
            .Multiple(false)
            .DataTextField("Text")
            .DataValueField("Value")
            .DataColorField("Color")
            .BindTo(new[] {
                    new { Text = "Alex", Value = 1, Color = "#f8a398" },
                    new { Text = "Bob", Value = 2, Color = "#51a0ed" },
                    new { Text = "Charlie", Value = 3, Color = "#56ca85" }
           });
    })
    .DataSource(d => d
        .Model(m =>
        {
            m.Id(f => f.MeetingID);
            m.Field(f => f.Title).DefaultValue("No title");
            m.RecurrenceId(f => f.RecurrenceID);
        })
        .Events(e => e.Error("error_handler"))
        .Read("Meetings_Read", "Home")
        .Create("Meetings_Create", "Home")
        .Destroy("Meetings_Destroy", "Home")
        .Update("Meetings_Update", "Home")
    )
        )

So I would like to valide the Attendee  Field so as to make it required but it is not possible to apply .HtmlAttribute to .Ressource :

(HtmlAttributes(new { required = "required", data_required_msg = "Select start time", style = "width: 220px" }))

       resource.Add(m => m.Attendees)
            .Title("Attendee")
            .Multiple(false)
            .DataTextField("Text")
            .DataValueField("Value")
            .DataColorField("Color")
            .BindTo(new[] {
                    new { Text = "Alex", Value = 1, Color = "#f8a398" },
                    new { Text = "Bob", Value = 2, Color = "#51a0ed" },
                    new { Text = "Charlie", Value = 3, Color = "#56ca85" }
           });

Regards
Veselin Tsvetanov
Telerik team
 answered on 11 Aug 2016
9 answers
257 views

Hello, 

I use a grip component from UI for ASP.NET MVC and I have a problem with localization of the grid. 

The problem is on image "grid1.png". In a red rectangle there is the wrong localized text and in a green rectangle there is the right/correct localized text.

I'm loading these javascripts on the web page (where variable culture is "cs-CZ"):

<script src="@Url.Content("~/Scripts/kendo/cultures/kendo.culture." + culture + ".min.js")"></script>
<script src="@Url.Content("~/Scripts/kendo/messages/kendo.messages." + culture + ".min.js")"></script>
 
<script>
        $(document).ready(function () {
            kendo.culture("@culture"); //culture of your choice
            $.validator.addMethod('date',
               function (value, element) {
                   return this.optional(element) || kendo.parseDate(value)
               });
        });
</script>

All javascripts, which are loaded on the web page, are on image "scripts.png". 

Could you help me? 

Thank you for your advice.

 

Maria Ilieva
Telerik team
 answered on 10 Aug 2016
3 answers
94 views

Hi,

I need a stockchart with none aggregate data, so I have to set:

          categoryAxis: {  baseUnit:"days", },

But then all labels are overlapped.

In the Navigator event I set axis.labels.step.

But this has no effect immediately: it is used in the next Navigator event.

http://dojo.telerik.com/usARa

1. Start dojo: all labels are overlapped
2. Change Navigator range: Chart is updated, newstep is assigned (see log), but has no effect on the labels
2. Change Navigator again: Chart is updated, newstep is assigned, label step is shown from last call.

 

If I call $("#stock-chart").data("kendoStockChart").refresh(); it works, but it needs long time to redraw the whole chart.
Without redraw the chart line is updated very fast.

Is a solution to apply immediately axis.labels.step = newStep;
without the slow chart refresh()?

Peter

 

Iliana Dyankova
Telerik team
 answered on 10 Aug 2016
1 answer
235 views

Hi!

I've got a small MVC application with hierarchical Kendo UI MVC Grid in it. Here is the code for the main grid.

01.Html.Kendo().Grid<PurchaseStageViewModel>()
02. .Name("purchaseStagesGrid")
03. .ToolBar(toolbar =>
04. {
05.     if (!Model.ReadOnly)
06.     {
07.         toolbar.Create();
08.     }
09. })
10. .Editable(e => e.Mode(GridEditMode.InLine).CreateAt(GridInsertRowPosition.Bottom))
11. .Resizable(resize => resize.Columns(true))
12. .Columns(c => {
13.     c.Bound(s => s.Name);
14.     c.Bound(s => s.StartDate).Format("{0:dd.MM.yyyy}");
15.     c.Bound(s => s.EndDate).Format("{0:dd.MM.yyyy}");
16. })
17. .DataSource(d => d.Ajax().
18. Model(m =>
19. {
20.     m.Id(p => p.Id);
21. })
22. .Read(a => a.Action("GetStages","PurchaseStage"))
23. .Create(a => a.Action("CreateStage", "PurchaseStage"))
24. .Update(a => a.Action("UpdateStage","PurchaseStage"))
25. .Destroy(a => a.Action("DeleteStage", "PurchaseStage"))
26. )
27. .ClientDetailTemplateId("childStagesTemplate")

And this code is for details.

01.<script id="childStagesTemplate" type="text/kendo-tmpl">
02.    @(
03.    Html.Kendo().Grid<purchaseStageViewModel>()
04.    .Name("grid_#=Id#")
05.    .TableHtmlAttributes(new {@class ="k-grid-nested" })
06.    .ToolBar(toolbar =>
07.    {
08.        toolbar.Create());
09.    })
10.    .Editable(e => e.Mode(GridEditMode.InLine).CreateAt(GridInsertRowPosition.Bottom))
11.    .Resizable(resize => resize.Columns(true))
12.    .Columns(c =>
13.    {
14.        c.Bound(s => s.Name);
15.        c.Bound(s => s.StartDate).Format("{0:dd.MM.yyyy}");
16.        c.Bound(s => s.EndDate).Format("{0:dd.MM.yyyy}");
17.        c.Command(command =>
18.            {
19.                command.Edit();
20.                command.Destroy();
21.            });
22.    })
23.    .DataSource(d => d.Ajax().
24.    Model(m =>
25.    {
26.        m.Id(p => p.Id);
27.        m.Field(p => p.Id).DefaultValue(default(long));
28.        m.Field(p => p.ParentStageId).DefaultValue("#=Id#"); //ParentStageId - is a string type
29.    })
30.    .Read(a => a.Action("GetNestedStages", "PurchaseStage", new { parentStageId = "#=Id#" }))
31.    .Create(a => a.Action("CreateStage", "PurchaseStage",new { parentStageId = "#=Id#" }))
32.    .Update(a => a.Action("UpdateStage", "PurchaseStage"))
33.    .Destroy(a => a.Action("DeleteStage", "PurchaseStage"))
34.    )
35.    .ClientDetailTemplateId("testTemplate")
36.    .ToClientTemplate()
37.    )
38.</script>

Actualy this grid appears to be recursive, so each detail contains it's own details grid. For DateTime fields I use Kendo DatePicker. 

So each row has StartDate and EndDate. I need to implement validation in all nested grids so the StartDate and EndDate properties of nested grids could be selected only in StartDate  and EndDate range of parent row. Is there any way to implement it?

Daniel
Telerik team
 answered on 10 Aug 2016
6 answers
319 views

Hello. I've got telerik.ui.for.aspnetmvc.2016.2.714.commercial installed and I've got the MVC6 samples running (C:\Program Files (x86)\Telerik\UI for ASP.NET MVC Q2 2016\wrappers\aspnetmvc\Examples\MVC6\Kendo.Mvc.Examples). Very cool! 

I can't seem to find the mention of Diagram anywhere out there. I noticed it isn't supported in the "core" version of Telerik.UI.for.AspNet.Core per the GITHUB page:
https://github.com/telerik/kendo-ui-core

It shows Diagram is supported in "Professional" but I'm unable to find a sample of someone using the professional Kendo with ASP.NET Core.

Anyone figured this out?

Amstrong
Top achievements
Rank 1
 answered on 10 Aug 2016
1 answer
472 views

ASP.NET MVC Core app

 

I get "elem.getClientRects is not a function" when clicking on the control to open the calendar.  If I enter the date using text the control works but the calendar pop up never opens when clicked.

 

It worked with earlier jquery versions but when I moved to 3.1 (for compatibility with another lib) it stopped working.  I am using the kendo bootstrap themed libraries and bootstrap 3.3.7.

 

Thanks

 

Danail Vasilev
Telerik team
 answered on 10 Aug 2016
Narrow your results
Selected tags
Tags
Grid
General Discussions
Scheduler
DropDownList
Chart
Editor
TreeView
DatePicker
ComboBox
Upload
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
Accessibility
ListView (Mobile)
Pager
ColorPicker
DateRangePicker
Security
Wizard
Styling
Chat
DateInput
MediaPlayer
TileLayout
Drawer
SplitView
Template
Barcode
ButtonGroup (Mobile)
Drawer (Mobile)
ImageEditor
RadioGroup
Sparkline
Stepper
TabStrip (Mobile)
GridLayout
Badge
LinearGauge
ModalView
ResponsivePanel
TextArea
Breadcrumb
ExpansionPanel
Licensing
Rating
ScrollView
ButtonGroup
CheckBoxGroup
NavBar
ProgressBar
QRCode
RadioButton
Scroller
Timeline
TreeMap
TaskBoard
OrgChart
Captcha
ActionSheet
Signature
DateTimePicker
AppBar
BottomNavigation
Card
FloatingActionButton
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
SegmentedControl
+? more
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
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?