Telerik Forums
Kendo UI for jQuery Forum
3 answers
62 views

Hi,

I need help creating a radar area chart

I can't seems make the chart looks the same as the expected design

Dojo link

Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
 answered on 10 Dec 2024
1 answer
83 views

I was testing the UTC "u" date format and noticed it does not adjust the date/time correctly. The "u" only adds the "Z" indicator and does not shift the time. I opened the date formatting example in kendo Dojo and noticed the issue.

const d = kendo.parseDate("2024-12-04T16:30:45Z");
console.log("Source = " + d); // Wed Dec 04 2024 10:30:45 GMT-0600 (Central Standard Time)
console.log("Format 'u' = " + kendo.toString(d, "u")); // 2024-12-04 10:30:45Z
console.log("toISOString = " + d.toISOString());       // 2024-12-04T16:30:45.000Z

Notice that "u" prints the time as 10:30 instead of 16:30 as in "toISOString".

Reference documentation: https://docs.telerik.com/kendo-ui/globalization/intl/dateformatting

Here is my modified version of the date formatting example. Compare the output of "u" to "toISOString": https://dojo.telerik.com/gPLZTAIt/2

 

 

Neli
Telerik team
 answered on 09 Dec 2024
2 answers
149 views

Hi

I am not able to find a sample of how to configure the click event in
the datagrid part of the FileManager.

Can you plaese guide me how to add a function to an item?

 $("#filemanager").kendoFileManager({
                contextMenu: {
                    items: [
                        {
                            name: 'Delete',
                            text: 'Delete',
                            // click event
                        }

                    ]
                },

Diana
Top achievements
Rank 1
Iron
 answered on 06 Dec 2024
1 answer
34 views

Hi,

my application uses the multiview-calendar with e.g. 5 views (months)

It allows more than that to scroll through, so the min-max enables a whole Year or so.

I would like to be able to scroll the calendar to a specific day, without setting min- and max, (this removes the dates outside from selectable) and without selecting that day (keep any recent selection of the user, at least at long as it is in the min-max range)

Do we have a way to achieve this?

Thank you,
Best regards
Stephan

Yordan
Telerik team
 answered on 05 Dec 2024
7 answers
61 views
$("#scheduler").kendoScheduler({
    date: new Date("2022/6/13"),
    timezone: "Etc/UTC", // Setting the timezone is recommended when binding to a remote service.
    dataSource: {
        batch: true, // Enable the batch updates.
        transport: {
            read: {
                url: "https://demos.telerik.com/kendo-ui/service/tasks",
                dataType: "jsonp"
            },
            update: {
                url: "https://demos.telerik.com/kendo-ui/service/tasks/update",
                dataType: "jsonp"
            },
            create: {
                url: "https://demos.telerik.com/kendo-ui/service/tasks/create",
                dataType: "jsonp"
            },
            destroy: {
                url: "https://demos.telerik.com/kendo-ui/service/tasks/destroy",
                dataType: "jsonp"
            },
            parameterMap: function(options, operation) {
                if (operation !== "read" && options.models) {
                    return {models: kendo.stringify(options.models)};
Les Baker
Top achievements
Rank 1
Iron
 answered on 02 Dec 2024
1 answer
63 views

Hi,

Maybe this is a misunderstanding on my part. I am trying to create a demo project using the kendoChart, specifically a line chart with points.

 

I would like to be able to drag the points and  thus change the values, buuut it seems like I get an error when I try to do drag a point up or down:

But when I try to drag the points on line I get this error:

And the value doesn't change either.

Here is a kendo dojo example:

Drag Line Chart Example | Kendo UI Dojo

I eventually want to create a line chart that is bound to a dataSource and shares this with a grid and I can see the changes made by manipulating the graph points in the cells of the grid. Am I going in the right direction?

Thanks!

George

Martin
Telerik team
 answered on 02 Dec 2024
1 answer
59 views

I have a similar question to one which was posted on the WPF forum.  When using Step to de-clutter the Category Axis is there a way to always display the last label in jQuery?  

Nikolay
Telerik team
 answered on 02 Dec 2024
1 answer
47 views

As you can see my actual dropdownlist input "Water" that is selected is 11px font size, How can i set the same size for popup values as well as it gets added to dom on runtime.

Martin
Telerik team
 answered on 28 Nov 2024
0 answers
53 views

 let uploadedFiles = new kendo.data.ObservableArray([]);
 $("#fileInput").kendoUpload({
     async: {
         autoUpload: false
     },
     validation: {
         allowedExtensions: [".jpg", ".jpeg", ".png", ".xlsx"]
     },
     multiple: true,
     batch: true,
     showFileList: true,
     select: onSelect,
     remove: onRemove
 });

function onSelect(e) {
    const files = e.files;
    const previewContainer = $("#imagePreviewContainer");

    // Loop through selected files and add them to the uploadedFiles array
    files.forEach(file => {
        uploadedFiles.push(file);

};

i am using this but when i selected multiple files like images then all selected files are come into bulk in one array i want that in seperately one by one 

Abhishek
Top achievements
Rank 1
 asked on 28 Nov 2024
1 answer
43 views
I have a TileLayout component and nor button nor span would show inside header

    <TelerikTileLayout Columns="3"
                       ColumnWidth="285px"
                       RowHeight="285px"
                       Reorderable="true"
                       Resizable="true"
                       ColumnSpacing="0px"
                       RowSpacing="0px">
        <TileLayoutItems>
            <TileLayoutItem @ref="reference">
                <HeaderTemplate>
                    @* <button @onclick="OnCloseButtonClicked"></button> *@
                    <span>sometext</span>
                </HeaderTemplate>
                <Content>
                    <img class="k-card-image" draggable="false" src="images/cards/places/barcelona.jpg" alt="Barcelona" />
                </Content>
            </TileLayoutItem>
            <TileLayoutItem HeaderText="Sofia">
                <Content>
                    <img class="k-card-image" draggable="false" src="images/cards/places/sofia.jpg" alt="Sofia" />
                </Content>
            </TileLayoutItem>
            <TileLayoutItem HeaderText="Rome">
                <Content>
                    <img class="k-card-image" draggable="false" src="images/cards/places/rome.jpg" alt="Rome" />
                </Content>
            </TileLayoutItem>
        </TileLayoutItems>
    </TelerikTileLayout>

Tsvetomir
Telerik team
 answered on 27 Nov 2024
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?