I'm using the Drawer TagHelper and when the page opens, I'd like the Drawer to start open if the user cookie is set to open and closed if the cookie is set to closed. I am doing this currently using javascript but it causes it to open every time you go to a new page. Is there a setting on the taghelper that will cause it to start out open or closed rather than having to set it using javascript?
Thanks!
Laurie
Here's my code:
<
kendo-drawer
name
=
"drawer"
mode
=
"push"
on-hide
=
"onHide"
min
position
=
"left"
swipe-to-open
=
"false"
template-id
=
"template"
class
=
"no-border"
>
<
mini
enabled
=
"true"
/>
</
kendo-drawer
>
<
script
>
$(document).ready(function () {
var drawerInstance = $("#drawer").data().kendoDrawer;
var hideMenu = getCookie("HideCustomerMenu");
if (hideMenu == 'true') {
var arrowButton = $("#expand");
arrowButton.toggleClass('flip');
drawerInstance.hide();
}
else {
drawerInstance.show();
}
});
</
script
<script
id
=
"template"
type
=
"text/x-kendo-template"
>
<
ul
class
=
"menuBar list-unstyled"
>
<
li
id
=
"customerinfo"
><
a
href
=
"/customer"
><
i
class
=
"fa fa-user-circle fa-2x fa-fw mr-2"
aria-hidden
=
"true"
title
=
"Customer Information"
></
i
>Customer Info</
a
></
li
>
<
li
id
=
"test"
><
a
href
=
"/test"
><
i
class
=
"fa fa-user-circle fa-2x fa-fw mr-2"
aria-hidden
=
"true"
title
=
"Test"
></
i
>Test</
a
></
li
>
</
ul
>
</
script
>
Howdy!
I have a scenario in which I have messages stored in a database. My client would like to enable a website portal for his employees to read/respond to said messages. (We already have this implemented and working in a WPF application using the RadChat control from the WPF library)
The documentation for the chat control in ASP.NET Core is really sparse. Like 3 pages of information and that's it. No examples on data binding like most other controls you have... So, my question is this: is it possible to bind the Messages that show up in the chat control similar to the way in which I can say, bind the data that shows up in the ASP.NET Core Grid using a data source transport mechanism?
I know in the case of the WPF implementation, I had to implement a converter for the messages in order to bind them to the control...
Hi,
I have a .net core submission form with an upload that works at the moment, the form submits successfully, and the files are transferred to S3. Is it possible to convert this form to ajax submission and display the loader whilst the form and uploads are processing before I return my success message?
I have a similar problem to this old thread: Dealing with data which includes a field having an array of objects in Kendo UI for jQuery | Telerik Forums.
I linked a field that is an array of a specific class to a Kendo ListView of a custom editor when you create or edit a scheduler item.
When I add or remove items, there are no problems. Apparently, the scheduler recognizes that there are more or fewer items in the list, but when I modify a list item (one of its properties), the scheduler does not trigger the update event.
Is there a way to trigger the update event when the ListView items are modified or force it to fire?
Hello,
Our company uses Telerik developing web application. I am working on CI/CD, and I found Telerik NuGet source is good - except it requires clear text password.
It's nice to have the NuGet source support API key authentication, and key management in the account generated the key.
In this way we can avoid the risk to publish clear text password.
Please consider support it :)
Thanks.
This demo with 2 list boxes and the transfer buttons is the exact use case that I have. I'm trying to make it less work for the users since there will be several employees to select. I would like to avoid having to click the transfer button after clicking each employee or having to remember to control click to select more than one.
I tried to use a template to make the items checkboxes, but the checkboxes were rendered as text fields.
I also tried defining the change event to click on the transferTo link whenever an item is selected.
$('a[data-command="transferTo"]').click();
When an item is clicked, ALL of the list items are transferred instead of the one that was clicked.
Is there any way to do either of the following?
1. Make the list items checkboxes. Clicking the transfer button will transfer all of the checked items.
2. Transfer an item to the other listbox when it is clicked.
If not I think I will use plain HTML select elements.
Thanks
When I do a cntrl+K+D the formatting does not look good. The indents are very bad and manual formatting takes a long time. How can I improve this?
Thanks
Where can I find a copy of Kendo.Mvc.Examples.Models.TaskBoard.Column? I can't seem to find it in any of the Taskboard examples.
Thanks
- Ken
I have this:
<div class="row mt-3">
<div class="col-lg-4">
@(Html.Kendo().DropDownListFor(m => m.AwardTypeId)
.Size(ComponentSize.Medium)
.Rounded(Rounded.Medium)
.FillMode(FillMode.Outline)
.OptionLabel("Select Award Type...")
.HtmlAttributes(new { style = "width: 100%" })
.DataTextField("Name")
.DataValueField("Id")
.DataSource(source =>
{
source.Read(read =>
{
read.Action("GetLookupAwardTypes", "Api");
});
})
.Events(e =>
{
e.Select("AwardTypeId_OnSelect");
})
)
</div>
<div class="col-lg-8">
<kendo-textbox for="TenderNumber" size="ComponentSize.Medium" rounded="Rounded.Medium" fill-mode="FillMode.Outline" enable="false">
<textbox-label content="@nameof(Model.TenderNumber)" floating="true"/>
</kendo-textbox>
</div>
</div>
And that renders:
<div class="row mt-3">
<div class="col-lg-1">
<div style="text-align: center; vertical-align: center;">
<span class="k-switch k-switch-lg k-rounded-full k-switch-on" role="switch" tabindex="0" aria-checked="true" style=""><input data-val="true" data-val-required="The OverrideLetter field is required." id="OverrideLetter" name="OverrideLetter" type="checkbox" value="true" data-role="switch" style="display: none;" checked="checked"><span class="k-switch-track k-rounded-full"><span class="k-switch-label-on">On</span><span class="k-switch-label-off" aria-hidden="true">Off</span></span><span class="k-switch-thumb-wrap"><span class="k-switch-thumb k-rounded-full"></span></span></span><input name="OverrideLetter" type="hidden" value="false"><script>kendo.syncReady(function(){jQuery("#OverrideLetter").kendoSwitch({"change":OverrideLetter_OnChange,"checked":false,"size":"large","trackRounded":"full","thumbRounded":"full"});});</script>
</div>
</div>
<div class="col-lg-11">
<span title="" class="k-picker k-dropdownlist k-picker-outline k-picker-md k-rounded-md" unselectable="on" role="combobox" aria-expanded="false" aria-controls="OverriddenLetter_listbox" aria-disabled="false" aria-readonly="false" style="width: 100%;" aria-busy="false" aria-describedby="e2f4301b-c2b1-45e8-84ff-7885e4e3a766" tabindex="0" aria-activedescendant="f8b0ffca-e902-4c18-be20-ababce4f16a4"><span id="e2f4301b-c2b1-45e8-84ff-7885e4e3a766" unselectable="on" class="k-input-inner"><span class="k-input-value-text"><span class="selected-value"></span><span>COMM/RL/17-1</span></span></span><button type="button" tabindex="-1" unselectable="on" class="k-input-button k-button k-button-md k-button-outline k-button-outline-base k-icon-button" aria-label="select"><span class="k-icon k-i-arrow-s k-button-icon"></span></button><input id="OverriddenLetter" name="OverriddenLetter" style="width: 100%; display: none;" type="text" value="" data-role="dropdownlist"></span><script>kendo.syncReady(function(){jQuery("#OverriddenLetter").kendoDropDownList({"dataTextField":"RefNumber","dataValueField":"Id","enable":false,"height":500,"optionLabel":"Select RL to override...","template":"\u003cspan class=\"k-state-default\"\u003e\u003cstrong\u003e#: data.RefNumber #\u003c/strong\u003e\u003cp\u003e#: data.Subject #\u003c/p\u003e\u003c/span\u003e","valueTemplate":"\u003cspan class=\"selected-value\"\u003e\u003c/span\u003e\u003cspan\u003e#:data.RefNumber#\u003c/span\u003e","filter":"contains","size":"medium","rounded":"medium","fillMode":"outline","dataSource":{"transport":{"read":{"url":"/Api/GetLookupLetterQuick"},"prefix":""},"schema":{"errors":"Errors"}}});});</script>
</div>
</div>
Which looks like this:
How to make the Switch either bigger in width and height or simply align its center horizontally and vertically?