Telerik Forums
Kendo UI for jQuery Forum
5 answers
581 views
In our application we have data for more than 200 rooms . We fetch data for all the rooms from the back end in one api call within a particular date range (10 or 15 days range) which can have large amount of data. If we bind all the data to the scheduler the rendering is very slow. Is there a way we could bind the data to the scheduler on scroll?
Ivan Danchev
Telerik team
 answered on 10 Jul 2018
3 answers
504 views

Hi, 

 

I am looking to configure my treelist so that certain columns are editable for only "parent" node while some others are editable for only children.

 

I see that TreeListDataSource.fields can have "editable" set as true or false, but is there a way to conditionally set them to true or false, based on whether I am dealing with parent or child row?

Say I have the following columns A, B, C, D, E.

 

I want A, and B to be editable at the parent level, while C, D and E should be editable at children level

 

Thanks,

Labhesh

 

Alex Hajigeorgieva
Telerik team
 answered on 10 Jul 2018
2 answers
74 views

Hello,

 

I have a Kendo UI Mobile ModalView that I use as a message dialog. It is rather simple (html code below),

and used to work fine by calling open and close methods and changing view data in between.

Now I have a situation where the modal view is already open and needs to be closed and

immediately reopened again with new data. It goes like this:

$("#modalview-alert").data("kendoMobileModalView").close();

changeSomeAlertData();  // update title and message text

$("#modalview-alert").data("kendoMobileModalView").open();  // opens view but immediately closes it

However the view doesn't reopen, apparently previous close method closes it too.

I tried to put a delay around close and I see that the view is reopened but immediately

closed after delay expires. Later on reopen works OK, this problem only happens if

open is done immediately after close. How can I close and immediately open the modal view again?

Thanks.

 

ps I use it on Android 7.0, Samsung Internet.

 

Regards,

Oleg

    <div data-role="modalview" id="modalview-alert" data-close="onModalViewAlertClose">
        <div data-role="header">
            <div data-role="navbar">
                <span id="modalview-alert-title"></span>
                <a data-click="closeModalViewAlert" data-role="button" data-align="right">X</a>
            </div>
        </div>
        <div id="modalview-alert-body" style="position: relative">
            <div id="modalview-alert-message"></div>
        </div>
        <div data-role="footer">
            <div id="modalview-alert-buttons" data-role="navbar"></div>
        </div>
    </div>
Oleg
Top achievements
Rank 1
 answered on 10 Jul 2018
3 answers
270 views

Hello,

When rendering a very big diagram in our application we found out that there is a scroll limit when using maximum zoom in the diagram. 

In the simple example below: max zoom to the first diagram element on the left and then by ctrl + left mouse click scroll to the right, around yellow shape you come to the limit and you cannot scroll anymore to the right.

The workaround is to zoomout to the initial position and zoom in again to the yellow element.

I found out that the limit of scrolling is around 20000px. Is there any way to change it or is there any workaround for this? I found a solution for this and I did my own scrolling mechanism and I can scroll on the diagram wherever I want with no limitations but then when using the kendoContextMenu on the diagram the function open() on this menu causes diagram to be scrolled back to the 20000px limit.

 

Example (without context menu but with the scroll limit):

https://dojo.telerik.com/AREcIrIk

 

 

Tsvetina
Telerik team
 answered on 10 Jul 2018
3 answers
390 views

I use Kendo Editor in the body text for email and I don't know how to set and get error message for Kendo Editor.

I set the maximum length to 8000 for the body text and when copy and paste more than 8000 characters into it, it will show a error message "Body Text is required" which is not correct. The error should be something like "The text must be less than 8000 characters." 

Here is my code.

In Form.cshtml

<form id="email" class="hidden">
    <ul>
        <li class="k-state-active">Email</li>
        <li>Preview</li>
    </ul>
    <div>
        ......
        @Html.DecoratedField(x => x.AssignEmail.BodyText, required: true, maxLength: 8000, type: "textarea")
        ......
    </div>
    <button id="action" type="button" class="k-primary k-button">Save and Preview</button>
    <button id="backButton" type="button" class="k-button">Back to List</button>
    @Html.AntiForgeryToken()
</form>

 

In Form.chhtml.cs

[HttpPost]
        public async Task<IActionResult> OnPostAssignMail([FromQuery] int sessionId, [FromForm] AssignEmailSaveModel model)
        {
. . .  . . .
            AssignEmail = new AssignEmail()
            {
                BodyText = model.Body,
            };
. . .  . . .
        }

 

In AssignEmail.cs

namespace assign.intranetv2.Models
{
    [Table("Emails")]
    public class AssignEmail
    {
        ... ...
        [StringLength(8000)]
        [Required]
        public string BodyText { get; set; }
        ... ...
    }
}

 

In Javascript

// INIT
var bodyEditor = emailBodyKendoEditorSetup();
 
var emailBodyKendoEditorSetup = function () {
    return $('#AssignEmail_BodyText').kendoEditor().data('kendoEditor');
};

 

Dimitar
Telerik team
 answered on 09 Jul 2018
2 answers
250 views

Dear admins,

I'm debugging with kendo UI Web and I face an issue, could you please help me answer the reasons.

Languageespañol

Case 1: kendo.toString(1.1, "N1"); --> Result: 1.1

Case 2: kendo.toString(12.12, "N2"); --> Result: 12.12

Case 3: kendo.toString(123.123, "N3"); --> Result:  ,123.123     --> I don't know why the result is ",123.123".

Case 4: kendo.toString(1234.1234, "N4"); --> Result: 1234.1234

 

Thanks.

Viktor Tachev
Telerik team
 answered on 09 Jul 2018
1 answer
448 views

i am getting data from a web API call which will be used to populate a chart and 2 grids. is it possible to parallel load all 3 controls , so that user need not to wait till all controls gets loaded one by one and page has something to display?

 

Thanks

Konstantin Dikov
Telerik team
 answered on 09 Jul 2018
3 answers
420 views

I am using a diagram for a very specific purpose and have disabled most of the editing. I only want my customers to be able to drag and drop the objects.  No resizing, rotating, adjusting connections..etc. 

I have successfully completed all of that but there is a workaround for the user if they click and do not drag a shape, when they release the mouse button a  popup appears with some controls.   

How do i disable this popup or what object event is causing it to come up so i can override it?

thank you!

Alex Hajigeorgieva
Telerik team
 answered on 06 Jul 2018
7 answers
3.1K+ views
I'm having a problem after server side validation fails and the model is returned to the editor.

Here is the code for the model field that needs to be edited using the kendo editor:
[Required]
[MaxLength(120, ErrorMessage = "You must enter less than 120 characters.")]
public string HelpContent { get; set; }
At the moment the HelpText filed has the following data in the database:
<p>Bacon ipsum dolor sit amet shoulder tenderloin corned beef, hamburger chicken ham hock strip steak.</p>
When the page is initially displayed the text above is rendered in the kendo editor as expected (with styles instead of html tags - see goodeditor image). Inspecting Model.HelpContent within the razor code shows that the field contains the above code.

When the form is submitted with the above content, the content is encoded so that it looks like:

&lt;p&gt;Bacon ipsum dolor sit amet shoulder tenderloin corned beef, hamburger chicken ham hock strip steak.&lt;/p&gt;

The ActionResult that is handling the post:
public ActionResult EditRepositoryHelp(RepositoryHelpEditModel repositoryHelpEditModel)
{
    if (ModelState.IsValid)
    {
        repositoryHelpEditModel.HelpContent = HttpUtility.HtmlDecode(repositoryHelpEditModel.HelpContent);
        Repository.UpdateRepositoryHelpText(repositoryHelpEditModel);
        return RedirectToAction("Index", "Admin");
    }
 
    repositoryHelpEditModel.HelpContent = HttpUtility.HtmlDecode(repositoryHelpEditModel.HelpContent);
    return View(repositoryHelpEditModel);
}
Inspecting the repositoryHelpEditModel.HelpContent field shows the encoded content, which is under 120 characters so it is decoded and saved to the database.

However, when the text is updated so that there are more than 120 characters and then the form submitted,  the validation fails (since the length of repositoryHelpEditModel.HelpContent is > 120). For example if I add the text "More text." to the editor and submit then the value of repositoryHelpEditModel.HelpContent will be:

&lt;p&gt;Bacon ipsum dolor sit amet shoulder tenderloin corned beef, hamburger chicken ham hock strip steak. More text.&lt;br /&gt;&lt;/p&gt;

Since the validation fails, HelpContent is decoded again and the model is returned to the view to be displayed in the editor.

This time the text is rendered with html tags (see badeditor image) instead of showing marked up content.

Here is the code for the editor:
@( Html.Kendo().EditorFor(model => model.HelpContent)
                .Encode(true)
                .HtmlAttributes(new { style = "width:100%;height:440px" })
                .Tools(tools => tools.Clear()
                    .Bold().Italic().Underline().FontSize().FontColor().JustifyLeft()
                    .JustifyCenter().JustifyRight().JustifyFull().InsertUnorderedList()
                    .InsertOrderedList().Indent().CreateLink().ViewHtml()))

Is this a bug with the editor or am I doing something wrong here?

Dimitar
Telerik team
 answered on 06 Jul 2018
3 answers
268 views

Hello.

 

I didn't find a way to export Grid to pdf. Nor I found .excel export. Could you let me know when are you going to release these features?

Svet
Telerik team
 answered on 06 Jul 2018
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
DatePicker
Spreadsheet
Upload
ListView (Mobile)
ComboBox
TabStrip
MultiSelect
AutoComplete
ListView
Menu
Templates
Gantt
Validation
TreeList
Diagram
NumericTextBox
Splitter
PanelBar
Application
Map
Drag and Drop
ToolTip
Calendar
PivotGrid
ScrollView (Mobile)
Toolbar
TabStrip (Mobile)
Slider
Button (Mobile)
Filter
SPA
Drawing API
Drawer (Mobile)
Globalization
LinearGauge
Sortable
ModalView
Hierarchical Data Source
Button
FileManager
MaskedTextBox
View
Form
NavBar
Notification
Switch (Mobile)
SplitView
ListBox
DropDownTree
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
ColorPicker
Pager
Styling
Chat
MultiColumnComboBox
Dialog
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Accessibility
Effects
PivotGridV2
ScrollView
Switch
TextArea
BulletChart
Licensing
QRCode
ResponsivePanel
Wizard
CheckBoxGroup
Localization
Barcode
Breadcrumb
Collapsible
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
TimePicker
BottomNavigation
Ripple
SkeletonContainer
Avatar
Circular ProgressBar
FlatColorPicker
SplitButton
Signature
Chip
ChipList
VS Code Extension
AIPrompt
PropertyGrid
Sankey
Chart Wizard
OTP Input
SpeechToTextButton
InlineAIPrompt
StockChart
ContextMenu
DateTimePicker
RadialGauge
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?