Questions on Kendo UI for jQuery Forum

1 answer

564 views

I have a dynamically generated table that gets converted into a Kendo Grid. Whenever I try to export to a PDF the export works great but the grid rows disappear when it's done. Interestingly, if i remove the paperSize, the lines stay there but the template is lost. Here is my code:

<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.1.118/styles/kendo.common.min.css" />

<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.1.118/styles/kendo.blueopal.min.css" />

<script src="https://kendo.cdn.telerik.com/2017.1.118/js/jquery.min.js"></script>

<script src="https://kendo.cdn.telerik.com/2017.1.118/js/kendo.all.min.js"></script>

<script src="https://kendo.cdn.telerik.com/2018.1.221/js/pako_deflate.min.js"></script>

<%

var names = new List<string> {"Bubba", "Jane"};

%>

<table id="grid">

<thead>

<colgroup>

<col style="width:320px"/>

<col />

</colgroup>

<tr>

<th data-title="Name"></th>

<th data-title="Name 2"></th>

</tr>

</thead>

<tbody>

<%

foreach (var item in names)

{%>

<tr>

<td><%= item %></td>

</tr>

<%}

%>

</tbody>

</table>

<script type="x/kendo-template" id="page-template">

<div class="page-template">

<div class="header">

Details

</div>

<div class="footer">

Page #: pageNum # of #: totalPages #

</div>

</script>

<script>

$(document).ready(function () {

$("#grid").kendoGrid({

toolbar: ["pdf"],

pdf: {

allPages: true,

avoidLinks: true,

paperSize: "A4",

margin: { top: "2cm", left: "1cm", right: "1cm", bottom: "1cm" },

landscape: true,

repeatHeaders: true,

template: $("#page-template").html(),

scale: 0.5

},

height: "auto",

sortable: true

});

</script>

Grid

answered on 27 Feb 2018

1 answer

269 views

Resizing Scrollable Menu

Does anyone know how to make the scrollable menu option work based on the size of the screen? I can get it to work if I explicitly set a width on my menu but I want the menu width to be based on the screen size. So if a user is viewing the menu full screen it wouldn't scroll because everything fits but if they shrink the window (or view it on a smaller screen) then it would scroll.

Menu

answered on 27 Feb 2018

1 answer

211 views

RadImageGallery in MVC

How to do RadImageGallery in MVC ?

is it possible to do RadImageGallery in MVC ?

General Discussions

answered on 27 Feb 2018

1 answer

122 views

How to hide Window action text

Why is the action text being added to the dom for Kendo Windows? In my case, I have the text 'Close' being inserted and showing underneath the close icon.

Window

answered on 27 Feb 2018

1 answer

1.3K+ views

Customizing the arrow direction the panelbar

Out of the box the arrow defaults to up for opened and down for closed. Out art director wanted to know if we could change the arrow to be pointing left for closed and up for open.

Hope this question makes sense.

Philip

PanelBar

answered on 27 Feb 2018

17 answers

713 views

[Solved] Kendo UI Scheduler for Angular 2

Hello.

Currently Kendo UI for Angular doesn't seem to have Scheduler control. What are your plans about releasing Scheduler?

Scheduler

answered on 27 Feb 2018

4 answers

440 views

"Done" label localization

Hi,

I have a Razor ASP.NET MVC view with kendo upload function in to

@(Html.Kendo().Upload()
                        .Name("attachment")
                        .Async(a => a
                            .Save("SaveUserPicture", "Upload")
                            .Remove("RemoveUserPicture", "Upload")
                            .AutoUpload(false)
                    )
            .Multiple(false)
            .Events(e => e.Success("onUploadComplete"))
            .Events(e => e.Select("onSelect"))
            .Messages(m => m.StatusUploading("1"))
            .Messages(m => m.StatusUploaded("2"))
            .Messages(m => m.Select("3"))
            .Messages(m => m.Cancel("4"))
            .Messages(m => m.UploadSelectedFiles("5"))
            .Messages(m => m.DropFilesHere("6"))
            .Messages(m => m.Retry("7"))
            .Messages(m => m.StatusFailed("8"))
            .Messages(m => m.Remove("9"))
        )

How can I change the label "Done" ?
As you can see I've tried all labels but it doesn't work.

Kind regards,
Kruno

Upload

answered on 27 Feb 2018

6 answers

415 views

Example using MVVM and Datasource to create new object

Hi,
I am having a few problems and so far are unable to find an example which integrates the basic MVVM regsistration example with a datasource which posts the registration details servier side using Create.
Is anybody able to provide a working example?

var viewModel = kendo.observable({
		assessmentDateSource: new kendo.data.DataSource({
			transport: {
				create: {
					url: crudServiceBaseUrl + "/Assessment/Create",
					type: "POST"
				},
				parameterMap: function (options, operation) {
					if (operation !== "read" && options.models) {
						return {
							models: kendo.stringify(options.models)
						};
					}
					return options;
				}
			}, batch: true,
			schema: {
				model: {
					id: "AssessmentId"
				}
			}
		}),
		firstname: "",
                lastname: "",
                create: function () {
                  //Datasource is empty here do I some how have to push the viewmodel into the datasource?
                  this.assessmentDateSource.sync();
		}
	});

Thanks in advance

MVVM

answered on 26 Feb 2018

4 answers

312 views

Copy/Paste of Validation Cells

Hello KendoUI Team,

One issue we've encountered that we were hoping you could shed some light on is the behavior that occurs when copy/pasting cells with attached validation, similar to the issue seen with disabled cells here: http://www.telerik.com/forums/copy-paste-of-disabled-cells .

We have our spreadsheet set so that we define the validation for each of the spreadsheet's columns. However we've noticed that when a user copy/pastes between cells of different columns, it also copies the validation over which is less than ideal for what we are trying to accomplish.

You can replicate the behavior I'm seeing on the kendo demo page: https://demos.telerik.com/kendo-ui/spreadsheet/validation

-> on the demo page, copy cell B7 (christina.toms) into an empty cell like H7 or a cell with existing validation like D7. You will notice that the red flag as well as the cell's associated data validation is copied as well and will end up overriding any of the other cell's initial validation rules. Any suggestions so that we can work around this and have it copy only the cell value?

Best,
Jeff

Spreadsheet

answered on 26 Feb 2018

2 answers

165 views

Format not applied to styled HTML

I have a dojo here to demonstrate the issue.

https://dojo.telerik.com/@smilelari/ejUtax/2

When the text in the textarea is set to html that contains styling (like: <style type="text/css">.cs2654AE3A{text-align:left;text-indent:0pt;margin:0pt 0pt 0pt 0pt} .csC8F6D76{color:#000000;background-color:transparent;font-family:cursive;font-size:15pt;font-weight:normal;font-style:normal;}</style><p class="cs2654AE3A"><span class="csC8F6D76">Hello</span></p>), if you select text and then select a format from the format menu, the format (for example Heading 1) is not applied. Any ideas how to fix this? Thanks

Editor

answered on 23 Feb 2018