Telerik Forums
Kendo UI for jQuery Forum
2 answers
105 views

HI, 

I have a strange problem.
I create a grid with data from AJAX.

I set the schema ID in the list of columns in position [0].
I also give it a HIDDEN: TRUE value to keep it hidden.

The problem is that for some reason the actual column of the ID is at the end of the columns and not at the beginning (*not* in position [0]).

I do not understand why this is happening.

can you please help me?

 

tnks!

Aleksandar
Telerik team
 answered on 02 Feb 2021
7 answers
321 views
Is there a way to change the default format from HEX to RGB? I know that if you use the opacity you get the display value as RGBA but we need not to support opacity but the display format should be RGB.
Aleksandar
Telerik team
 answered on 02 Feb 2021
1 answer
686 views

Hi there, I am posting here to see if the community can to help me.

I am facing an issue where the PDF Export is, apparently, not working properly neither with MS Edge (88.0.705.53) nor on Chrome ( 88.0.4324.104 ), but is working fine on Firefox (84.0.1). When I try to generate the PDF with pictures that are stored on AWS S3 it throws CORS' errors to the Edge/Chrome console as you can see by the attached picture. When I generate the PDF from Firefox it works like charm.

 

 

I have read the AWS S3 CORS documentation (https://docs.aws.amazon.com/sdk-for-javascript/v2/developer-guide/cors.html), I have read the Mozilla documentation (Cross-Origin Resource Sharing (CORS) - HTTP | MDN (mozilla.org)), I have adjusted  my CORS and nothing. 

I have opened a ticket to the support and no one has being able to guide me or fix the issue that happens only on Edge/Chrome.

My CORS configuration, for this test purpose, is like this:

[
    {
        "AllowedHeaders": [
            "*", 
            "Authorization"
        ],
        "AllowedMethods": [
            "HEAD",
            "GET",
            "PUT",
            "POST",
            "DELETE"
        ],
        "AllowedOrigins": [
            "*"
        ],
        "ExposeHeaders": [
            "ETag",
            "x-amz-meta-custom-header",
            "x-amz-server-side-encryption",
            "x-amz-request-id",
            "x-amz-id-2",
            "x-amz-delete-marker",
            "Accept-Ranges",
            "Content-Range",
            "Content-Encoding",
            "Content-Length",
            "Content-Type",
            "Content-Language",
            "Expires",
            "Date",
            "Server",
            "Access-Control-Allow-Origin",
            "Last-Modified",
            "Pragma",
            "XMLHttpRequest",
            "Server",
            "Cache-Control",
            "Authorization"
        ],
        "MaxAgeSeconds": 3000
    }
]

I created a DOJO (https://dojo.telerik.com/iMITUZuY/2) that proves that it works on Firefox but does not work on Edge/Chrome. 

So, I would be grateful if anyone can help me solving this.

Dimitar
Telerik team
 answered on 02 Feb 2021
3 answers
175 views

Hi,

i found that when i click the export pdf button on scheduler, the alignment of the calendar will run, as such the all day row and the remaining rows will misalign. This happens to the demos at this link as well :

https://demos.telerik.com/kendo-ui/scheduler/pdf-export

 

 

Ivan Danchev
Telerik team
 answered on 01 Feb 2021
5 answers
91 views

Hi,

how can i print the weekly view that has its event being expanded? 

because the current pdf function will not show the full title of the event if the event title is too long.

 

Martin
Telerik team
 answered on 01 Feb 2021
5 answers
143 views

Hello. I am looking forward to use Kendo UI Scatter Chart. However I want to clarify customization question to understand if it possible to change (setup) Kendo UI Scatter chart to meet my requirements.

[Q] Does Kendo UI Scatter Chart support zooming by rectangle? (when you draw a rectangle and all that is in this rectangle will be zoomed)

 

Tsvetomir
Telerik team
 answered on 01 Feb 2021
4 answers
374 views

In the example for custom editing at https://demos.telerik.com/kendo-ui/grid/editing-custom, the grid includes the field Category which includes a dropdown list which opens for editing and which is populated by a linked Category table.  The code for this shows as follows:

schema: {
                    model: {
                        id: "ProductID",
                        fields: {
                        ProductID: { editable: false, nullable: true },
                        ProductName: { validation: { required: true } },
                        Category: { defaultValue: { CategoryID: 1, CategoryName: "Beverages"} },
                        UnitPrice: { type: "number", validation: { required: true, min: 1} }
                        }
                    }

and 

columns: [
                    { field:"ProductName",title:"Product Name" },
                    { field: "Category", title: "Category", width: "180px", editor: categoryDropDownEditor, template: "#=Category.CategoryName#" },
...

 

If instead of a linked table, I wanted to use an enum, how could I achieve the same functionality.  Here's what the enum might look like defined in C#:

public enum Category
    {
        Beverages,
        Condiments,
        Meat,
        etc
    }

 

Any help greatly appreciated.

 

 

Roger
Top achievements
Rank 2
Veteran
 answered on 01 Feb 2021
1 answer
4.8K+ views
Is there a way to trigger the loading/wait indicator on a grid? I'm doing some of my own ajax calls from dropdowns and would like to notify the user that something is happening momentarily.
Dimo
Telerik team
 answered on 01 Feb 2021
15 answers
5.2K+ views

I ordered the source, but I can not do it for 'value'.

I use the multiselect with MVVM.

 

 

My html code:

<select id="doc" data-role="multiselect"
data-value-primitive="true"
data-text-field="name"
data-value-field="id"
data-bind="value: valueDoc,
source: sourceDoc"></select>

 

My js code:

vm = kendo.observable({

sourceDoc: new kendo.data.DataSource({
            data: [],
            sort: { field: "name", dir: "asc" }
        })
});

 

The value is not ordered

Andrew
Top achievements
Rank 1
Iron
Iron
 answered on 01 Feb 2021
2 answers
862 views

Hello Everyone,

I am trying to build a kendo tree view with remote data  getting from the controller. I want to display a Image (attachment) at a certain node . How do I do that.?

Following is my data from the controller.

In the attached files, I have uploaded, I want to show the image at the arrow highlighted

Also. k-icon k-i-collapse is not showing at "Project Metrics" node even when the node is expanded.

 

 var result = new List<HierarchicalViewModel>()
            {


                new HierarchicalViewModel() { ID = 1, ParendID = null, HasChildren = true, Name = "Program Structure" },
               new HierarchicalViewModel() { ID = 3, ParendID = null, HasChildren = true, Name = "Project Metrics" },
                new HierarchicalViewModel() { ID = 2, ParendID = 1, HasChildren = true, Name = "Program Structure" },
            
                new HierarchicalViewModel() { ID = 4, ParendID = 3, HasChildren = true, Name = "Project Metrics" },
                new HierarchicalViewModel() { ID = 5, ParendID = 2, HasChildren = false, Name = "State" },
                new HierarchicalViewModel() { ID = 6, ParendID = 2, HasChildren = false, Name = "Executive Summary" },
                 new HierarchicalViewModel() { ID = 7, ParendID = 2, HasChildren = false, Name = "Reporting period for RHGCP funding" },
                new HierarchicalViewModel() { ID = 8, ParendID = 2, HasChildren = false, Name = "Describe how funds are distributed and administrated in the State" },
                new HierarchicalViewModel() { ID = 9, ParendID = 2, HasChildren = false, Name = "Describe the method(s) used for project selection" },
                new HierarchicalViewModel() { ID = 10, ParendID = 2, HasChildren = false, Name = "Describe the method(s) used to measure effectivenss of the projects and programs" },
                new HierarchicalViewModel() { ID = 11, ParendID = 2, HasChildren = false, Name = "Describe any noteworthy efforts the State has used to effectively deliver a successful program" },
               new HierarchicalViewModel() { ID = 12, ParendID = 2, HasChildren = false, Name = "Describe the status of data acquistion and analysis efforts" },
                new HierarchicalViewModel() { ID = 13, ParendID = 2, HasChildren = false, Name = "Add number of crossings" },
                new HierarchicalViewModel() { ID = 14, ParendID = 2, HasChildren = false, Name = "Provide program emphasis areas" },
                new HierarchicalViewModel() { ID = 15, ParendID = 2, HasChildren = false, Name = "Describe Section 130 program effectiveness" },
                new HierarchicalViewModel() { ID = 16, ParendID = 2, HasChildren = false, Name = "Input performance measures" },
                new HierarchicalViewModel() { ID = 17, ParendID = 3, HasChildren = false, Name = "Project Listing" },
                new HierarchicalViewModel() { ID = 18, ParendID = 3, HasChildren = false, Name = "Crash Data Statistics" }
            };

            return result;

 

//Kendo Tree View

 @(Html.Kendo().TreeView()
                                                .Name("treeview")
                                                .DataTextField("Name")
                                                 .Checkboxes(true)
                                                .DataSource(dataSource => dataSource
                                                .Read(read => read
                                                    .Action("Read_TreeViewData", "Questions")
                                                    )
                                                )
                                                .Events(ev => ev.Select("onTreeViewselectNode")
                                                .Check("onCheck")
                                                )
                                            )

<script>
                                    function onTreeViewselectNode(e) {
                                        var dataItem = e.sender.dataItem(e.node);
                                        console.log(dataItem);
                                    }

                                    function onCheck(e) {
                                        console.log("Checkbox changed :: " + this.text(e.node));
                                        var checkedNodes = [],
                                            treeView = $("#treeview").data("kendoTreeView"),
                                            message;

                                        checkedNodeIds(treeView.dataSource.view(), checkedNodes);

                                        if (checkedNodes.length > 0) {
                                            message = "IDs of checked nodes: " + checkedNodes.join(",");
                                        } else {
                                            message = "No nodes checked.";
                                        }

                                        $("#result").html(message);

                                    }

                                    function checkedNodeIds(nodes, checkedNodes) {
                                        for (var i = 0; i < nodes.length; i++) {
                                            if (nodes[i].checked) {
                                                checkedNodes.push(nodes[i].id);
                                            }

                                            if (nodes[i].hasChildren) {
                                                checkedNodeIds(nodes[i].children.view(), checkedNodes);
                                            }
                                        }
                                    }

                                </script>

Robin
Top achievements
Rank 1
Veteran
 answered on 30 Jan 2021
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
DatePicker
Spreadsheet
Upload
ListView (Mobile)
ComboBox
TabStrip
MultiSelect
AutoComplete
ListView
Menu
Templates
Gantt
Validation
TreeList
Diagram
NumericTextBox
Splitter
PanelBar
Application
Map
Drag and Drop
ToolTip
Calendar
PivotGrid
ScrollView (Mobile)
Toolbar
TabStrip (Mobile)
Slider
Button (Mobile)
Filter
SPA
Drawing API
Drawer (Mobile)
Globalization
LinearGauge
Sortable
ModalView
Hierarchical Data Source
Button
FileManager
MaskedTextBox
View
Form
NavBar
Notification
Switch (Mobile)
SplitView
ListBox
DropDownTree
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
ColorPicker
Pager
Styling
MultiColumnComboBox
Dialog
Chat
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Accessibility
Effects
PivotGridV2
ScrollView
Switch
BulletChart
Licensing
QRCode
ResponsivePanel
TextArea
Wizard
CheckBoxGroup
Localization
Barcode
Breadcrumb
Collapsible
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
TimePicker
BottomNavigation
Ripple
SkeletonContainer
Avatar
Circular ProgressBar
FlatColorPicker
SplitButton
Signature
Chip
ChipList
VS Code Extension
AIPrompt
PropertyGrid
Sankey
Chart Wizard
OTP Input
SpeechToTextButton
InlineAIPrompt
StockChart
ContextMenu
DateTimePicker
RadialGauge
ArcGauge
AICodingAssistant
+? more
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?