hi team,
Is there an option to implement zoom in and zoom out in spreadsheet?
Regards,
Jaspreet
Hello
I have successfully created a scrollView with pager (clickable dots at bottom). It works when I manually switch to next/previous page or click on a page dot. Now I wanted to enhance that after a few seconds the scrollView switched to the next page. On the last page it should switch back to the first page. For this I'm using the Javascript function setIntervall and scrollView's methods next and scrollTo.I have now a experienced some weird effects:
- next: With each call of method next a page button at bottom disappears
- scrollTo: After reaching the last page it keeps hanging and does not go back to first page
Here's a code sample that runs out of the box:
<!DOCTYPE html>
<
html
lang
=
"en"
>
<
head
>
<
meta
charset
=
"UTF-8"
>
<
title
>Auto scrollview</
title
>
<
link
rel
=
"stylesheet"
href
=
"https://kendo.cdn.telerik.com/2021.1.330/styles/kendo.common.min.css"
/>
<
link
rel
=
"stylesheet"
href
=
"https://kendo.cdn.telerik.com/2021.1.330/styles/kendo.blueopal.min.css"
/>
<
script
src
=
"https://kendo.cdn.telerik.com/2021.1.330/js/jquery.min.js"
></
script
>
<
script
src
=
"https://kendo.cdn.telerik.com/2021.1.330/js/kendo.all.min.js"
></
script
>
<
script
>
var timerNewPage;
var pageNewFile = 0;
// Jump to next page, after page 10 jump back to page 1
function jumpNextPage ()
{
if (pageNewFile > 8) {
pageNewFile = 0;
var scrollView = $("#scrollView").kendoScrollView().data().kendoScrollView;
scrollView.scrollTo(0);
}
else {
var scrollView = $("#scrollView").kendoScrollView().data().kendoScrollView;
scrollView.next();
pageNewFile += 1;
}
}
$(document).ready(function () {
// Init scrollView
$("#scrollView").kendoScrollView({
enablePager: true,
contentHeight: "100%",
page: 0
});
timerNewPage = setInterval(() => jumpNextPage(), 4000);
});
</
script
>
</
head
>
<
body
>
<
div
id
=
"scrollView"
style
=
"height: 500px;"
>
<
div
data-role
=
"page"
>Page 1</
div
>
<
div
data-role
=
"page"
>Page 2</
div
>
<
div
data-role
=
"page"
>Page 3</
div
>
<
div
data-role
=
"page"
>Page 4</
div
>
<
div
data-role
=
"page"
>Page 5</
div
>
<
div
data-role
=
"page"
>Page 6</
div
>
<
div
data-role
=
"page"
>Page 7</
div
>
<
div
data-role
=
"page"
>Page 8</
div
>
<
div
data-role
=
"page"
>Page 9</
div
>
<
div
data-role
=
"page"
>Page 10</
div
>
</
div
>
</
body
>
</
html
>
I have tested in on lastest Safari, Chrome and Firefox, all with the same described behaviour.Is this a bug or am I doing something wrong? I've used the method refresh after page switch but didn't fix the vanishing page buttons. I've also tried to scroll to next page with scrollTo (instead of using next) but also with the same weird behaviour.
Any help/hint appreciated!
Hello,
I have 2 divs that I want to have a splitter between. For the top div I am using the Kendo UI scheduler module. I want this to have height of around 700. Under it I have a grid with "tasks" that I can drag and drop in the scheduler. When i am using the splitter the 2 divs become very small (splitter1.png)
It looks like that Kendo is giving the div1 a default height that is constanly overwritten? (splitter2.png).
So my question is: How can I keep the height that I define through the backend code?
Thanks,
Mark
I have a grid using edit Pop-up, the pop-up contain a DropDownList.
The problem is that if i saved two records in the grid. When i open the edit pop-up of the first record and select a new item in the DropDownList then close the pop-up. After that, i open the edit pop-up of the second record and select a same item in the DropDownList (for example, open the pop-up and it bind a selected item "Product1" to the dropdownlist, then i open the dropdownlist and select the "Product1" again). It wrongly triggered the change event. May i know how can i avoid the above problem? Thanks.
cshtml:
01.
@(Html.Kendo().DropDownListFor(model => model.Product)
02.
.Name("EditProduct")
03.
.DataTextField("ProductName")
04.
.DataValueField("ProductID")
05.
.Filter("contains")
06.
.HtmlAttributes(new
07.
{
08.
@class = "form-control",
09.
data_bind = "value: ViewModel.Product, source: ViewModel.ProductList, events: { change: Functions.ProductChanged }",
10.
data_required_msg = @String.Format(@Error.RequiredField, @Wording.lblProduct),
11.
required = "required",
12.
style = "height: 2.9em;",
13.
@tabindex = 1
14.
})
15.
)
Javascript:
1.
self.PageModel = new kendo.data.ObservableObject(self.PageModel);
2.
kendo.bind(publicAccess.Container(), self.PageModel);
Hi,
We are following this example:
https://docs.telerik.com/kendo-ui/controls/scheduling/scheduler/how-to/interaction/drag_and_drop_grid_scheduler
We have some issues with moving and resizing as in the attachement.
Please help.
Kind regards,
Roel Alblas
Hi,
if you take your example : https://docs.telerik.com/kendo-ui/knowledge-base/drawing-draw-signature-and-export-svg
and that we change the type of surface to "canvas" (var surface = draw.Surface.create($("#surface"),{type : "canvas"});)
the "clear" button doesn't work.
Regards
Hello,
I have some troube to type in DateRangePicker inputs.
When DateRangePicker has been loaded, I click on start input and begin to type a date for example '2021/01/01', but aftern pressing Enter on keyboard, it shows current date as start input value.
The problem becomes worsen when I type a date in start input and press Tab, type another date in end input. But after pressing Enter on keyboard, again start input's value changes to current date and end input looses his value.
here is an example I'm working on it: DateRangePicker example
I think source of the problem is conflicting between DateInput and MultiViewCalendar widgests, when we click on the one of the inputs, MultiViewCalendar becomse visible, and while MultiViewCalendar is visible, pressing Enter key will fire change event of MultiViewCalendar rather than DateInput's change event. It's not better to add an icon to DateRangePicker in order to show and close the calendar?
Thank you in advance.
Hello,
i want to translate the kendo-recurrence-editor into german.
I found the kendo-recurrence-editor-messages and now it look's fine ... but there is one translation in a kendo-datepicker inside the recurrence-editor, that i couldn't translate.
Is there any solution?
<kendo-recurrence-editor formControlName='regelwerk'>
<kendo-recurrence-editor-messages repeat="Wiederholen"
frequenciesNever="Nie"
frequenciesDaily="Täglich"
frequenciesWeekly="Wöchentlich"
frequenciesMonthly="Monatlich"
frequenciesYearly="Jährlich"
dailyRepeatEvery="Wiederholen an jedem:"
dailyInterval="Tag(e)"
weeklyInterval="Woche(n)"
weeklyRepeatEvery="Wiederholen an jedem:"
weeklyRepeatOn="Wiederholen am:"
monthlyRepeatEvery="Wiederholen an jedem:"
monthlyRepeatOn="Wiederholen am:"
monthlyInterval="Monat(e)"
monthlyDay="Tag"
yearlyRepeatEvery="Wiederholen an jedem:"
yearlyRepeatOn="Wiederholen am:"
yearlyInterval="Jahr(e)"
yearlyOf="von"
endLabel="Beenden:"
endAfter="Nach"
endOccurrence="Anzahl Wiederholungen"
endOn="Am"
endNever="Nie"
offsetPositionsFirst="ersten"
offsetPositionsSecond="zweiten"
offsetPositionsThird="dritten"
offsetPositionsFourth="vierten"
offsetPositionsLast="letzten"
weekdaysDay="Tag"
weekdaysWeekday="Wochentag"
weekdaysWeekendday="Tag am Wochenende"
>
</kendo-recurrence-editor-messages>
<kendo-datepicker-messages toggle="Datum auswählen"
today="heute"
nextButtonTitle="vor"
prevButtonTitle="zurück"
></kendo-datepicker-messages>
</kendo-recurrence-editor>
Hello,
I am trying to add a kendo switch to the kendo grid placed within kendo window.
My use case is following:
I create kendo window as directive in angularjs and then display it on button click.
I create column template for boolean value with kendo switch.
Grid is rendered at load time and no matter what I do, it displays ordinary checkbox or textbox if i remove type="checkbox".
I tried doing the same on following dojo and I get the same results with other data:
https://dojo.telerik.com/oKeXihIW
Just to mention that on the form that invokes directive I have switch and displays properly.
Thank you and regards,
Vedad