I've implemented a map that draws features from a geoJSON and I colour the features based on the values read from a separate JSON file, inside

For testing purpouse, I need to read the features from the map to check that the correct colours have been assigned to each of the features.

How can I read data back from the map? Mind you, from the map, not from the geoJSON, i.e.: after the style of shapeCreated has been assigned

Hi, I am using Kendo UI jQuery Gantt.

I want to hide or remove Other tab from Task Edit Popup because all the new columns which I have added are coming in Other tab and I don't want to allow user to edit from Task Popup.

If you hit the enter key after changing a string value in the cell, the model.dirty flag does not change.  If you hit the tab key to go to the next cell, the model.dirty switches to true.

Is there a way to force this behavior on the enter key?

I have a kendoDatePicker with dept set to year acting as a month filter on data displayed in a grid.
I want to visualize for the user if a particular month has data and am looking for a way to customize the content of the month cells.

$("#period-filter").kendoDatePicker({
    start: "year",
    depth: "year",
    format: "MMM yyyy",
    value: new Date
});

See screenshot.

It seems the API does not support such a scenario out of the box.

Any suggestions?

/Morten

i have two html (main.html and submission.html), but when i tried to open a kendo window to window.parent (main.html) and create a kendo dropdownlist from the kendo window and pass datasource to the dropdownlist, but it will have error

main.html

<div><iframe id="iframeContent" src="submission.html"></iframe></div>

submission.html

<script type="text/template">

window.parent.$("<div>").kendoWindow().content("<div id="dropdownlist"></div>").center().open();

window.parent.$("#dropdownlist").kendoDropDownList({

dataSource: [ { id: "1", name: "123" } ],

dataTextField: "name",

dataValueField: "id",

optionLabel: "-- Please Select --"

})

</script>

Now that we are supposed to switch to svg icons, away from the font icons, I was wondering if there is an easy way to size the buttons? I use a custom class for the buttons right now and on two of the buttons I am using icons:

They seem to have shrunk. I am guessing this is because of the switch from font icons to the svg icons?

To be honest the icon on the refresh button for v 2020.1.118 disappeared and I had to find a suitable replacement.

So some of the sizing issue for that button might be caused by what icon I picked -- icon: "refresh" didn't seem to produce an icon, so I went with icon "arrowRotateCwIcon".

I just need some sugestions on how to maintain my custom style and get the icons to appear bigger. The style I am using is below:

.submit {
    width: 110px;
    height: 30px;
    padding: 20px 16px 20px 16px;
    border-radius: 4px;
    background-color: #1e98d7;
    box-sizing: border-box;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.35);
    font-family: "Roboto Medium", "Roboto", sans-serif;
    font-weight: 500;
    color: #ffffff;
    text-align: center;
    line-height: normal;
    letter-spacing: 0.4px;
}

    .submit:hover {
        background-color: #0084cf;
        box-sizing: border-box;
    }

    .submit:active {
        background-color: #50a5d5;
        box-sizing: border-box;
    }

Regards,

George

Hi,

Need to understand how I can get the filter and search features for the Kendo grid to search for strings in child grid rows as well as the parent grid rows... right now if I use the Search window, or the Filter feature at the parent level, the Kendo grid will only search in the domain/area of the parent rows.

How can I include the child rows? This is problematic because, as I understand it the child rows are not loaded until the user clicks the left side triangle icon to open the child rows. Customer wants this.

My understanding is this would require all the child rows to rendered... then searched, and all rows with out the string or or substring would be filtered out?

Before I embark on manipulating the grid, wondered if there was a better solution or way to go about this?

Regards,

George

I have a Dojo here: https://dojo.telerik.com/UhicOWUv

I want to hide the file list but I want to display an error message on the page if it doesn't upload. In the above example, I am attempting to upload a file that is too large. Instead of displaying an error message in the "messages" div, it is doing nothing so the user doesn't know it failed. How do I accomplish my goal of hiding the files list but showing a message when something goes wrong?

Here is the code: 

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Kendo UI Snippet</title>

    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/themes/7.0.1/default/default-ocean-blue.css"/>

    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2023.3.1010/js/kendo.all.min.js"></script>
</head>
<body>
  
<input type="file" name="files" id="photos" />
  <div id="messages"></div>
<script>
    $("#photos").kendoUpload({
        async: {
            saveUrl: "http://my-app.localhost/save",
            removeUrl: "http://my-app.localhost/remove"
        },
        showFileList: false,
      	validation: {
                allowedExtensions: [".pdf"],
                maxFileSize: 900000,
                minFileSize: 300000
            },
      error: function() { $("#messages").append("error"); }
    });
</script>
</body>
</html>