Telerik Forums
Kendo UI for jQuery Forum
1 answer
180 views
On first load of grid with full screen browser, I am getting pageable with Dropdown control. After change the size of browser, little smaller, the pageable change to buttons with page numbers. Once I maximize the browser back it still shows pageable as button with page number. So my question is, why it (Pageable) doesn't load button with page number in grid in first load? what could be the solution to make it consistent in all scenario?  
Manish
Top achievements
Rank 1
Iron
 answered on 15 Jul 2021
1 answer
188 views

Right now, I would be needing something like this below. To insert a base64 file in the timeline card item:

<div class="k-card-description">
	<embed type="application/pdf" src="data:application/pdf;base64,sdfghasdfquqasdfjasdf">
</div>

Insert within the timeline item card, some way to view PDF files. I know there is also the PDF viewer component of Kendo.

Is there any way to do this?

Hetali
Telerik team
 answered on 15 Jul 2021
1 answer
248 views

In the application that I am currently working, I am using Telerik UI ASP.NET Core Scheduler Component and concerning binding I use SignalR. When a user creates an event all clients that are connected to the Hub are successfully notified for the relative creation and the created event is successfully created too.

My concern is that I am looking for a way to prevent the notification and the event creation for clients that meet a condition.

  • So far I have tried to apply preventDefault in the context of onPush function but it didn't work.
  • I have also tried to filter dataSource but it fails too.
  • Moreover, I tried to remove a specific eventElement during databound. This worked but when I tried to create a new event in the same timeslot like the one that was including the previously removed eventElement, the new eventElement was placed under the section that would include the removed eventElement.

 

Is there any way to filter the events that are displayed on a client based on client related conditions i.e what values the user of the client has selected on some fields of a form on the same page with Scheduler?

Tsvetomir
Telerik team
 answered on 15 Jul 2021
1 answer
131 views

How do I get the value of a FilterMenu?

Code example:

$("#filter-menu").kendoFilterMenu({
dataSource: dataSource,
field: "title",
extra: false,
});
Neli
Telerik team
 answered on 15 Jul 2021
1 answer
290 views

Hi

Do you have an PDF Export sample that running on complete window modalf for Kendo UI v2016.1.226

 

Regards

 

Dimitar
Telerik team
 answered on 14 Jul 2021
1 answer
92 views
Hello i am trying to get the kendoeditor inside of a treelist with incell editing.. this is working here https://dojo.telerik.com/UnEguTAJ , but I'd like the rows on both sides (locked left and right ) to expand to the same height when clicking into to edit one of the fields...
Nikolay
Telerik team
 answered on 14 Jul 2021
0 answers
557 views

 

  • The grid fires all "read", "create", "update" and "destroy" action methods from the controller when I use: "kendo.data.GanttDataSource" but when I use "kendo.data.DataSource", the grid only fires "read".
  • When I hit "Add new record" button and fill all the details, one corresponding create action method is fired (which is successful) but also fires multiple failed update action method (the number of these fires is equal to number of rows in the grid)
  • When I hit delete, Delete event is triggered for all the records thus making my grid empty.

 

<script>
    $(document).ready(function () {
        var datasource = new kendo.data.GanttDataSource({
            type: "json",
            transport: {
                read: {
                    url: '@Url.Action("Details", "Student")',
                    //url: "/Student/Details",
                    dataType: "json",
                    type: "GET"
                },
                create: {
                    url: '@Url.Action("AddStudent", "Student")',
                    //url: "/Student/AddStudent",
                    dataType: "json",
                    type: "POST"
                },
                update: {
                    url: '@Url.Action("UpdateStudent", "Student")',
                    //url: "/Student/UpdateStudent",
                    dataType: "json",
                    type: "POST"
                },
                destroy: {
                    //url: '@Url.Action("DeleteStudent", "Student")',
                    url: "/Student/DeleteStudent",
                    dataType: "json",
                    type: "POST"
                },
                parametermap: function (options, operation) {
                    if (operation !== "read" && options.models) {
                        return { models: kendo.stringify(options.models) };
                    }
                },
                pageSize: 2,
                schema: {
                    model: {
                        id: "rollno",
                        fields: {
                            rollno: { from: "rollno", type: "number" },
                            name: { from: "name", type: "string" },
                            address: { from: "address", type: "string" }
                        }
                    }
                }
            }
        });

$("#stdGrid").kendoGrid({
            dataSource: datasource,
            columns: [
                {
                    field: "rollno",
                    title: "Roll No."
                },
                {
                    field: "name",
                    title: "Name"
                },
                {
                    field: "address",
                    title: "Address"
                },
                { command: [ "edit", "destroy"], titlt:"&nbsp"}
            ],
            toolbar: ["search", "create"],
            //autobind: true,
            autosync: false,
            filterable: true,
            sortable: true,
            editable: "inline",
            pageable: true,
            save: function (e) {
                setTimeout(function () {
                    //$("#stdGrid").data("kendoGrid").refresh();
                    $("#stdGrid").data("kendoGrid").dataSource.read();
                }, 200);
            }
        });
    });
</script>

<style type="text/css">
    .k-grid-search {
        margin-left: auto;
        margin-right: 0;
    }
</style>
Shamanth
Top achievements
Rank 1
 updated question on 14 Jul 2021
1 answer
173 views

Hi,

I recently upgraded our apps to latest kendo UI version and one of things we had implemented is broken: 

Collapse/expand gantt list to a certain level (for example I want only first or first two levels to be expanded).

Before we used data-level property that was part of gantt list, but it seems that with R3 2020 since gantt custom list was replaced with a treelist this is gone.

Was this property removed by accident or it is intentional? If it was intentional, could you advice on new approach.

I would like avoid iterating through all elements and finding structure, since we have cases where projects have a lot of elements and also some other conditions included.

Thanks

Ianko
Telerik team
 answered on 14 Jul 2021
0 answers
479 views

Hi,

while reading other threads, i got to know that Kendo doesnt support sticky column on the right hand side, but is there a way to achieve this?

I am using something similar to command bar as the last visible column in the grid, but i need it to be sticky when i horizontally scroll the grid. 

can you please suggest a way to achieve this?

Thanks,

ashutosh
Top achievements
Rank 1
Iron
Veteran
 asked on 14 Jul 2021
1 answer
968 views

Hi,  I am using cascading dropdown list and trying to pass a parameter to the function that I am calling to get the data from DB. Below is my code, whenever this function is called it passes NULL. Anyone has any idea why?

var categories = $("#categories").kendoDropDownList({ optionLabel: "Select category...", dataTextField: "CategoryName", dataValueField: "CategoryID", dataSource: { type: "odata", serverFiltering: true, transport: { read: {
                                url: '@Url.Action("Getcategories")',

                                contentType: "application/json",
                                type: "GET"
                            } } } }).data("kendoDropDownList"); var products = $("#products").kendoDropDownList({ autoBind: false, cascadeFrom: "categories", optionLabel: "Select product...", dataTextField: "ProductName", dataValueField: "ProductID", dataSource: { type: "odata", serverFiltering: true, transport: { read: {

                                url: '@Url.Action("GetProduct")?Catid=' + $("#categories").val(),

                                contentType: "application/json",
                                type: "GET"

                            }
                        }
                    }).data("kendoDropDownList");
Neli
Telerik team
 answered on 14 Jul 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
Chat
Dialog
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?