Telerik Forums
Kendo UI for jQuery Forum
1 answer
89 views

I have used KENDO UI two Tabstrips.

Tabstrip One.
Tabstrip Two.

and both tabstrip contains a kendo Grid inside and Grid inside Tabstrip One is fixed column grid (2 fixed column) and 8 scrollable columns.

Issue: The grid inside Tabstrip One will take some 20-30 seconds to load after the page load.
The header of the Grid inside the Tabstrip One breaks, If i navigate to Tabstrip Two before the grid inside the Tabstrip One loading and comes back to Tabstrip One after the grid inside the Tabstrip One finished loading. See the First Image.
However if i click inspect on the Grid header the Grid header comes back to Normal (by self setting the k-grid-header width) See the second Image.

Please let me know if anybody faced similar type of issues.
Thanks in advance

Ivan Danchev
Telerik team
 answered on 26 Apr 2021
2 answers
1.6K+ views

I have a kendo multiselect component that works great, but when text in my dropdown are too long I have to truncate it. I would show at least a tooltip on hover with the full text. Here is an example of the desired result (in this example my mouse is on the first result, getting a popup with the full text) :

 

 


Stoyan
Telerik team
 answered on 26 Apr 2021
2 answers
204 views

I found the following article about using a Kendo surface to create signatures and exporting them to SVG.  However, the example shown does not appear to work using a touch interface (finger or stylus) on a mobile device (or touch screen on a laptop).  What would need to be added to support touch?

 

https://docs.telerik.com/kendo-ui/knowledge-base/drawing-draw-signature-and-export-svg

Stewart
Top achievements
Rank 1
 answered on 26 Apr 2021
2 answers
461 views

hi team,

Is there an option to implement zoom in and zoom out in spreadsheet?

Regards,

Jaspreet

Jaspreet
Top achievements
Rank 1
Iron
Veteran
 answered on 26 Apr 2021
2 answers
388 views

Hello

I have successfully created a scrollView with pager (clickable dots at bottom). It works when I manually switch to next/previous page or click on a page dot. Now I wanted to enhance that after a few seconds the scrollView switched to the next page. On the last page it should switch back to the first page. For this I'm using the Javascript function setIntervall and scrollView's methods next and scrollTo.I have now a experienced some weird effects:

- next: With each call of method next a page button at bottom disappears
- scrollTo: After reaching the last page it keeps hanging and does not go back to first page

Here's a code sample that runs out of the box:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Auto scrollview</title>
 
 
 
    <script>
        var timerNewPage;
        var pageNewFile = 0;
 
        // Jump to next page, after page 10 jump back to page 1
        function jumpNextPage ()
        {
            if (pageNewFile > 8) {
                pageNewFile = 0;
                var scrollView = $("#scrollView").kendoScrollView().data().kendoScrollView;
                scrollView.scrollTo(0);
            }
            else {
                var scrollView = $("#scrollView").kendoScrollView().data().kendoScrollView;
                scrollView.next();
                pageNewFile += 1;
            }
        }
 
        $(document).ready(function () {
 
            // Init scrollView
            $("#scrollView").kendoScrollView({
                enablePager: true,
                contentHeight: "100%",
                page: 0
            });
 
            timerNewPage = setInterval(() => jumpNextPage(), 4000);
 
        });
    </script>
 
</head>
<body>
<div id="scrollView" style="height: 500px;">
    <div data-role="page">Page 1</div>
    <div data-role="page">Page 2</div>
    <div data-role="page">Page 3</div>
    <div data-role="page">Page 4</div>
    <div data-role="page">Page 5</div>
    <div data-role="page">Page 6</div>
    <div data-role="page">Page 7</div>
    <div data-role="page">Page 8</div>
    <div data-role="page">Page 9</div>
    <div data-role="page">Page 10</div>
</div>
</body>
</html>

 

I have tested in on lastest Safari, Chrome and Firefox, all with the same described behaviour.Is this a bug or am I doing something wrong? I've used the method refresh after page switch but didn't fix the vanishing page buttons. I've also tried to scroll to next page with scrollTo (instead of using next) but also with the same weird behaviour.

Any help/hint appreciated!

Tayger
Top achievements
Rank 1
Iron
Iron
 answered on 25 Apr 2021
1 answer
102 views

Hello,

I have 2 divs that I want to have a splitter between.  For the top div I am using the Kendo UI scheduler module. I want this to have height of around 700. Under it I have a grid with "tasks" that I can drag and drop in the scheduler. When i am using the splitter the 2 divs become very small (splitter1.png)

It looks like that Kendo is giving the div1 a default height that is constanly overwritten? (splitter2.png).

 

So my question is: How can I keep the height that I define through the backend code?

Thanks,
Mark

 

Stoyan
Telerik team
 answered on 23 Apr 2021
1 answer
151 views

I have a grid using edit Pop-up, the pop-up contain a DropDownList.

The problem is that if i saved two records in the grid. When i open the edit pop-up of the first record and select a new item in the DropDownList then close the pop-up. After that, i open the edit pop-up of the second record and select a same item in the DropDownList (for example, open the pop-up and it bind a selected item "Product1" to the dropdownlist, then i open the dropdownlist and select the "Product1" again). It wrongly triggered the change event. May i know how can i avoid the above problem? Thanks.

cshtml:

01.@(Html.Kendo().DropDownListFor(model => model.Product)
02..Name("EditProduct")
03..DataTextField("ProductName")
04..DataValueField("ProductID")
05..Filter("contains")
06..HtmlAttributes(new
07.{
08.   @class = "form-control",
09.    data_bind = "value: ViewModel.Product, source: ViewModel.ProductList, events: { change: Functions.ProductChanged }",
10.                 data_required_msg = @String.Format(@Error.RequiredField, @Wording.lblProduct),
11.                 required = "required",
12.                 style = "height: 2.9em;",
13.                 @tabindex = 1
14.})
15.)

 

 

Javascript:

1.self.PageModel = new kendo.data.ObservableObject(self.PageModel);
2.kendo.bind(publicAccess.Container(), self.PageModel);

 

Ianko
Telerik team
 answered on 23 Apr 2021
1 answer
139 views

Hi,

We are following this example:
https://docs.telerik.com/kendo-ui/controls/scheduling/scheduler/how-to/interaction/drag_and_drop_grid_scheduler

We have some issues with moving and resizing as in the attachement.

Please help.

Kind regards,

Roel Alblas

Aleksandar
Telerik team
 answered on 23 Apr 2021
3 answers
109 views

Hi,

if you take your example : https://docs.telerik.com/kendo-ui/knowledge-base/drawing-draw-signature-and-export-svg

and that we change the type of surface to "canvas" (var surface = draw.Surface.create($("#surface"),{type : "canvas"});)

the "clear" button doesn't work.

Regards

Neli
Telerik team
 answered on 23 Apr 2021
2 answers
186 views

Hello,

I have some troube to type in DateRangePicker inputs.
When DateRangePicker has been loaded, I click on start input and begin to type a date for example '2021/01/01', but aftern pressing Enter on keyboard, it shows current date as start input value.

The problem becomes worsen when I type a date in start input and press Tab, type another date in end input. But after pressing Enter on keyboard, again start input's value changes to current date and end input looses his value.

here is an example I'm working on it: DateRangePicker example

I think source of the problem is conflicting between DateInput and MultiViewCalendar widgests, when we click on the one of the inputs, MultiViewCalendar becomse visible, and while MultiViewCalendar is visible, pressing Enter key will fire change event of MultiViewCalendar rather than DateInput's change event. It's not better to add an icon to DateRangePicker in order to show and close the calendar?

Thank you in advance.

Saeed
Top achievements
Rank 1
 answered on 22 Apr 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
DateRangePicker
Dialog
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Effects
Accessibility
PivotGridV2
ScrollView
BulletChart
Licensing
QRCode
ResponsivePanel
Switch
Wizard
CheckBoxGroup
TextArea
Barcode
Breadcrumb
Collapsible
Localization
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
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?