Questions on Kendo UI for jQuery Forum

3 answers

274 views

Timeline is a great piece of work, but...
for my purposes i need to show not just date, but whole datetime including hour and minute, if possible seconds also.
Is there any option, overload or a way how to show full datetime in timeline?
Option for customisable datetime format is in need also.

Timeline

answered on 09 Oct 2019

3 answers

417 views

Date Time formatting issue on grouped column

When I group a grid column that is a date time, the grouped data appears above the column data which is fine, however the formatting of the date is different. Is there a way to get them to either be the same or apply a different date time format?

Grid

answered on 08 Oct 2019

3 answers

289 views

Expand to 100% Width

Hello,

How can I expand the conversational UI to 100% width of the window ?

Thanks,
Stephane.

Chat

answered on 08 Oct 2019

6 answers

241 views

StockChart options

Hello

I'm collecting user actions on day level and would like to display those in a StockChart (column mode). This works all fine in StockChart but I struggle with these questions:

With the scroll wheel the chart can go down to daytime that I won't display. Is it possible to restrict/block daytime display so that 'day' is the lowest possible date level? (baseUnit on "days" doesn't block daytime)
Is it possible to not display (hide) days in the time axis on which the user hasn't done any actions?
Is it possible to dynamically sum up values moving to next higher time period? Example: User has these actions amount by date (yyyymmdd):
20190103 : 12
20190115 : 24
20190123 : 7
On day view the user would see in StockChart the values 12, 24, 7. When the user scrolls into month view he should see the amount of actions in January 2019: 43

I was trying to find these options in the API documentation of StockChart but couldn't find these options. Maybe possible in combination(?).

Regards

Charts

answered on 08 Oct 2019

4 answers

1.7K+ views

Window with Okay/Cancel button at bottom and scrollable content (Solution included)

Hi,

recently I needed a kendo window with an okay and a cancel button at the bottom of the window.
The buttons should stay sticked at the bottom of the window and the content should take all of the available remaining space.
And the content should be scrollable (in case it's bigger then the window).

Here is a solution, in case someone else has the same requirement:

<div>

<div id="window">

<div style="height: 100%;">

<div style="overflow: auto; height: calc(100% - 70px); padding: 10px">

Content

</div>

<div style="width: 100%; height: 60px; background-color: #e3e3e3; border-top: solid #C5C5C5 1px">

<div style="float: right; margin: 10px">

<button id="okayButton" style="background-color: green">Okay</button>

<button id="cancelButton" style="background-color: red">Cancel</button>

</div>

<script>

$(document).ready(function() {

var window = $("#window");

$("#okayButton").kendoButton({

click: function(e) {

window.data("kendoWindow").close();

}

});

$("#cancelButton").kendoButton();

window.kendoWindow({

title: "Title",

actions: [],

modal: true,

width: "90%",

height: "90%"

});

window.data("kendoWindow").center();

});

</script>

<style scoped>

#window {

padding: 0px;

overflow: hidden;

}

</style>

</div>

A running example can be found at http://dojo.telerik.com/IjoNe.

Window

answered on 08 Oct 2019

1 answer

129 views

Pager not compatible with jquery 3.4.1

The PDFViewer pager is working correctly with jquery 1.12.4 and 2.2.4. However, with jquery 3.4.1, the pager is not working.

If the scroller's top is 0 (top of the first page), you'll be able to scroll to the page #2 normallly. Unfortunately, any page change after the first one will bring you to an incorrect offset (returning to page #1 will remain on page #2, while moving to page #3 will bring you after the end of the page #3)

PDFViewer

answered on 08 Oct 2019

2 answers

385 views

Freezing when scrolling before or after the PDF

The PDF Viewer is freezing for a couple of seconds when you try to scroll before the beginning of the document, or after the end of the document.

Even worst, the more you try to scroll (in any direction), the longer the PDF Viewer will freezes.

Is this a bug and is there any workaround to fix this?

P.S. This is something that can be reproduced directly in telerik's demo page (version 2019.3.917).

PDFViewer

answered on 08 Oct 2019

3 answers

598 views

Grid filter from decimal to Int

Hi, I' trying to change the format of the filter of a decimal column to Int. The column is Btch_num (it's a decimal column), when I click on the filter, it shows me decimals (when I write 33, it transforms it to 33,000). I tried to configure it with Filterable(), but It doesn't work. This is my code :

@(Html.Kendo().Grid<PRR405.ViewModels.BatchViewModel>(Model.LotsOuverts)
.Name("LotsOuvert")
.Columns(columns =>
{
columns.Bound(p => p.Post_date).Title(PRR405.Resources.OpenLot.OpenLot.DateDOuverture).Format("{0: yyyy/MM/dd}").Width(150).Filterable(f => f.UI("DatePickerFormated"));
//columns.Bound(p => p.Btch_num).Title(PRR405.Resources.OpenLot.OpenLot.NumLotPRR).ClientTemplate(@"<a href='/ResumeLot/ResumeLot?btchNum=#: Btch_num #'>#: Btch_num #</a>").Width(170);
columns.Bound(p => p.Btch_num).Title(PRR405.Resources.OpenLot.OpenLot.NumLotPRR).Format("n0").Filterable(filter => filter.Cell(c => c.Template("IntegerFilter"))).Template(o => Html.ActionLink(o.Btch_num.ToString(), "ResumeLot", "ResumeLot", new { btchNum = o.Btch_num}, null)).Width(170);
columns.Bound(p => p.Comp_num).Title(PRR405.Resources.OpenLot.OpenLot.Assureur).Width(110);
columns.Bound(p => p.Br_cd).Title(PRR405.Resources.OpenLot.OpenLot.SuccursaleLabel).Width(120);
columns.Bound(p => p.Batch_cd).Title(PRR405.Resources.OpenLot.OpenLot.CodeDeLot).Width(120);
columns.Bound(p => p.Entry_Date_Formated).Title(PRR405.Resources.OpenLot.OpenLot.DateInscription).Width(160);
columns.Bound(p => p.Batch_type_Name).Title(PRR405.Resources.OpenLot.OpenLot.TypeDeLot).Width(140);
columns.Bound("").Title(PRR405.Resources.OpenLot.OpenLot.ImprimerResume).Template(o => Html.ActionLink(PRR405.Resources.OpenLot.OpenLot.Imprimer, "PrintLot", "OpenLot", new { btchNum = o.Btch_num }, null)).Filterable(false);

//columns.Bound("").Title(PRR405.Resources.OpenLot.OpenLot.ImprimerResume).ClientTemplate(string.Format(@"<a href='/OpenLot/PrintLot?btchNum=#: Btch_num #'>{0}</a>", PRR405.Resources.OpenLot.OpenLot.Imprimer)).Filterable(false);
})
.Scrollable(s => s.Height("100%"))
.HtmlAttributes(new { style = "max-height: 333px; margin-bottom:20px;" })
.Sortable()
.Scrollable()
.Filterable(f => f.Extra(false).Operators(o => o.ForString(str => str.Clear().IsEqualTo(PRR405.Resources.Shared.Shared.GridFiltre_EstEgaleA).IsNotEqualTo(PRR405.Resources.Shared.Shared.GridFiltre_NestPasEgaleA))))
.Resizable(resize => resize.Columns(true))

Thank you

Grid

answered on 08 Oct 2019

2 answers

109 views

Grid Disables on API Call

I was wondering if there was a way to stop the grid from graying out on a call to a very slow API? I noticed that if you click on the header of said grid it gets re-enabled but every call to any slow API disables the grid thus a user is not able to click on the links in the columns until the API responds.

Thanks,

Adam

Grid

answered on 07 Oct 2019

1 answer

1.1K+ views

Loading Data into a specific row in Kendo Spreadsheet

Just venturing into Kendo Spreadsheet and already hit upon a problem and I can't seem to find a solution anywhere in the documentation. I am using this demo https://demos.telerik.com/kendo-ui/spreadsheet/datasource. Simple enough to get going and hook into my own data. I can add a totals row, but I want it at the top just below the headings. I can add a new row easy enough but when the data loads it overwrites that (new) row.
How can I tell the spreadsheet to load the data at a specific row (say from row 4 onwards)?

Thanks for any help. I'll keep digging in the meantime

Spreadsheet

answered on 07 Oct 2019