Hi,
I am doing default PDF export functionality of Kendo Grid. But exported PDF file has extra characters in meta data. That results weird title of the PDF in Chrome browser. I have attached screen shot of the exported pdf and also a meta data of the file.
I found few solutions (https://www.telerik.com/forums/saving-grids-or-charts-as-pdf-and-getting-strange-characters-in-the-metadata) that mentioned that I need to have <meta Charset='UTF-8'> in my code, where grid has been initialized. But I have set UTF-8 charset only in my entire code, still facing same issue.
I have few questions:
1) Which charset value is getting used to export the grid in PDF? (i) <meta Charset='UTF-8'> written in my code or (ii) default export functionality has its own charset value
2) I am using Telerik.UI.for.AspNet.Core 2020.3.1021 version for kendo UI. Which specific library is being used for PDF generation in Telerik.UI.for.AspNet.Core 2020.3.1021 ?
3) Is there anything else to try to resolve this issue?
Hi..
I have Radio button. But I don't see the radio getting focus, or any indication that it has focus. How can set the CSS so it show's that it has focus???
<input type="radio' id="radio1" class ="k-radio"
I have tried...
K-radio:focus{
border: 10px solid red;
color : red
}
nothing
Any ideas?
thx
I have a basic Telerik Grid using Batch Edit Mode. This all works great but I have had feedback from User Testing that it is not initially obvious the grid is being used for Data Entry.
Is there a way I can show the Cells that are editable, by always showing the Inputs / Select Dropdowns without the user having to focus onto the cell first?
I have attached a picture of how the grid looks currently, I would like the inputs / select dropdowns to be visible all the time.
I have been playing around with the new DropDownnTree component (which I love btw) but found that there isn't a "clear" event so I have to use the "change" event which the clear button triggers. The problem is that the value is not reset before triggering this event therefore I can't use it to check if the change event was fired by the clear button.
Dojo: https://dojo.telerik.com/UNIdEjEH
<
div
id
=
"example"
>
<
div
class
=
"demo-section k-content"
>
<
h4
>Select an item</
h4
>
<
input
id
=
"dropdowntree"
style
=
"width: 100%;"
/>
</
div
>
<
script
>
$(document).ready(function () {
// create kendoDropDownTree from input HTML element
$("#dropdowntree").kendoDropDownTree({
placeholder: "Select ...",
height: "auto",
dataSource: [
{
text: "Furniture", expanded: true, items: [
{ text: "Tables & Chairs" },
{ text: "Sofas" },
{ text: "Occasional Furniture" }
]
},
{
text: "Decor", items: [
{ text: "Bed Linen" },
{ text: "Curtains & Blinds" },
{ text: "Carpets" }
]
}
]
, change: function(e) {
kendo.alert("Value: " + this.text());
}
});
});
</
script
>
</
div
>
I would think either resetting the component before triggering the change button or adding a clear event is needed.
Thanks.
Hi,
hopefully, someone reads my finding.
I already posted the issue in ASP.NET Core forum.
https://www.telerik.com/forums/bug-drag-drop-in-grid-within-tabstrip-not-working
However, I like to repost it here.
Problem description:
When inside a tabstrip the grid loses the ability to reorder rows.
Example
See dojo: https://dojo.telerik.com/UcEJiSaj
Screenshot
it's impossible to drop the dragged row
What I want to achieve is changing the colour of a group on a series based on its category. I have an example below.
So if "Group 1" had a sub group value of "B" the colour is set based on that combination. And that colour might be different to "Group 2" + "B".
so I have JS code . In UI I have two radio buttons like communities and badges . When I clicked on Badges then kendo.data.DataSource transport.Read() method is calling two time but read method should call one time . how can I stop read method for multiple calling. Here I am sharing my code . Can you modify this code by which we can call read method at one time not multiple time
getData = function () {01.
@(Html.Kendo().Grid(Model)
02.
.Name("ResultList")
03.
.HtmlAttributes(new { style = "font-size:.8em; height:auto;" })
04.
.Columns(columns =>
05.
{
06.
07.
columns.Bound(p => p.ReportID).Width("100px")
08.
.Filterable(filter => filter.Operators(o => o
09.
.ForString(str => str
10.
.Clear()
11.
.Contains("Contains")
12.
.DoesNotContain("Does Not Contain")
13.
.StartsWith("Starts With")
14.
.EndsWith("Ends With")
15.
.IsEqualTo("Equal To")
16.
.IsNotEqualTo("Not Equal To")
17.
)));
18.
19.
columns.Bound(p => p.ClientReportName).Width("100px")
20.
.Filterable(filter => filter.Operators(o => o
21.
.ForString(str => str
22.
.Clear()
23.
.Contains("Contains")
24.
.DoesNotContain("Does Not Contain")
25.
.StartsWith("Starts With")
26.
.EndsWith("Ends With")
27.
.IsEqualTo("Equal To")
28.
.IsNotEqualTo("Not Equal To")
29.
)));
30.
31.
columns.Bound(p => p.ReportClassDescription).Width("100px")
32.
.Filterable(filter => filter.Operators(o => o
33.
.ForString(str => str
34.
.Clear()
35.
.Contains("Contains")
36.
.DoesNotContain("Does Not Contain")
37.
.StartsWith("Starts With")
38.
.EndsWith("Ends With")
39.
.IsEqualTo("Equal To")
40.
.IsNotEqualTo("Not Equal To")
41.
)));
42.
43.
columns.Bound(p => p.ReportTypeDescription).Width("100px")
44.
.Filterable(filter => filter.Operators(o => o
45.
.ForString(str => str
46.
.Clear()
47.
.Contains("Contains")
48.
.DoesNotContain("Does Not Contain")
49.
.StartsWith("Starts With")
50.
.EndsWith("Ends With")
51.
.IsEqualTo("Equal To")
52.
.IsNotEqualTo("Not Equal To")
53.
)));
54.
})
55.
.Pageable(page => page.Refresh(true).Input(true))
56.
.Scrollable()
57.
.Groupable()
58.
.Sortable(sort => sort.SortMode(GridSortMode.MultipleColumn))
59.
.Filterable()
60.
.DataSource(dataSource => dataSource
61.
.Ajax()
62.
.Read(read => read.Action("QueueSearch_Read", "Queue"))
63.
.PageSize(100)
64.
.ServerOperation(true)
65.
)
66.
.Resizable(resize => resize.Columns(true))
67.
.Reorderable(reorder => reorder.Columns(true))
68.
)
https://dojo.telerik.com/ahoKociN/2
1) normal select box : (in the iPAD)
<select id="size0" >
<option>S - 6 3/4"</option>
<option>M - 7 1/4"</option>
<option>L - 7 1/8"</option>
<option>XL - 7 5/8"</option>
</select>
2) kendo ui select box :
Question :
How can I input like 1) on mobile while using kendo jquery?