Telerik Forums
Kendo UI for jQuery Forum
4 answers
398 views
We are trying to build organizational chart using Kendo UI for jQuery component DIAGRAM. Does this component provide Expand/Collapse functionality like your Telerik UI for ASP.NET AJAX component ORG CHART does?
If it doesn’t, what is the best way to implement expand/collapse functionality? May be there are some jQuery plugins built for this purpose or Kendo UI for jQuery has other component which fits better for building organizational chart. Any advice appreciated.
Sami
Top achievements
Rank 2
Iron
Iron
Iron
 answered on 08 Jul 2023
2 answers
1.1K+ views

We try to always use a kendo component for our needs. 
But, for the first time, the kendo component we need in the framework is totally unusable, and we will not use it.

Instead, we will create a custom range picker, using 2 DatePicker.

First, when the range open, the 2 calendars are always based on the current day, not the range start / end.  We see the current month on the left side, and next month on the right.  We we should see, is the "start" month on the left when we click the "start" zone, and the end month on the right when we click the "end" zone to open it.

Also, we can't only change the "start" or "end" easily, we always need to re-select the whole range.

And, depending on the previous range, + the new range, sometimes, the "end" value becomes null / undefined %?!
And we may need to re-select the start date and/or end date twice, it's not easy to understand what is happening during a simple selection.

Finally, we tried to catch the "change" events, change the range manually, but there's nothing we can do to make that component easy to use for users.

https://dojo.telerik.com/@foxontherock/UKureVOy/2

Try to select a range, between 10 and 15.
Then, re-open it, and select 12 to 17.
Do you understand what just happened ?!?!? No one can. 2nd click becomes the first one, and the third click becomes the 2nd one, the first is ignored, and we see the "null" end date !?!?.

Lee
Top achievements
Rank 2
Bronze
Bronze
Bronze
 answered on 06 Jul 2023
0 answers
110 views

 

Hi team, I have created a nested donut chart..but as per requirement I have to specify which one is inner and which one is outer, so that it's easy for the user to differentiate.

But currently for showing data I am already using tooltip, also using labels

Rashmi
Top achievements
Rank 1
 asked on 06 Jul 2023
1 answer
281 views

What is the best way to stop text from wrapping in a tooltip when there is plenty of space to show on one line?

In this demo the text wraps. How can you force it to use an auto width, instead of fixed?

 

Zornitsa
Telerik team
 answered on 06 Jul 2023
0 answers
98 views
When I hide other columns and only column Id is show, when I try show other columns again the width of grid is the same of colums Id. How to make others column working normaly?
Felipe
Top achievements
Rank 1
 asked on 04 Jul 2023
2 answers
374 views
I have a dropdown list with virtualization (https://dojo.telerik.com/AhuQEDEL/2). When I open and close the dropdownlist without actually changing anything the change event is occasionally triggered. I reproduced the odd behavior in this this Dojo. You will notice that the "change" is logged in the console when you open and close the list without selecting anything. This behavior is also inconsistent as sometimes it logs the change and sometimes it doesn't. 
Neli
Telerik team
 answered on 04 Jul 2023
2 answers
447 views

Hi, I try to turn your "Date Range Picker" widget into a "Year Range Picker".

Your widget give the options "start" and "depth". I believed that will be work well but absolutely not... When I use the both options, the widget stop to work.

I tried with your example in kendo ui dojo, this code :

    
<div id="example" style="text-align: center;">
    <div class="demo-section k-content wide" style="display: inline-block;">

        <h4>Pick a date range</h4>
        <div id="daterangepicker" title="daterangepicker"></div>
    </div>
    <script>
        $(document).ready(function() {
            $("#daterangepicker").kendoDateRangePicker({
    		start: "decade",
    		depth: "decade"
            });
        });
    </script>
</div>
Why it doesn't work and how to fix it ?
n/a
Top achievements
Rank 1
Iron
 answered on 03 Jul 2023
0 answers
92 views

I have kendo grid that consumes data from a service.I checked from the server side no doubles.

when i show all the records in the kendo grid no doubles.

The problem is when i paginate from page 1 to page 2 there is a record that i find in both pages.

youssef
Top achievements
Rank 1
 asked on 30 Jun 2023
1 answer
945 views

Hello kendo,

When an user is entering the date with an invalid format like dd.mm.yyyy (so 27.06.2023) into our datepicker, it looks like the date is accepted in the UI, but the value is actually empty. What is confusing for the user. To fix this we would like to clear the value when an user entered an invalid date. How can we do this ?

I found an example for the datetimepicker, but it requires an initial filled in date, if you start with an empty value it's not working. The problem comes from the problem that it's impossible to tell if the value is empy or invalid.

https://docs.telerik.com/kendo-ui/knowledge-base/prevent-invalid-values
PS the script has an bug and is not working, add to following to the script to get it working:   

        $("#datetimepicker").kendoDateTimePicker({
          change: onChange,
          close: onClose,
          open: onOpen,
          value: new Date()
        });
        var lastValidDate = $("#datetimepicker").data('kendoDateTimePicker').value();
      });
    </script> 

Regards,
Jeroen

Nikolay
Telerik team
 answered on 30 Jun 2023
1 answer
134 views

https://dojo.telerik.com/EgiqeKug

I have a kendo dropdownlist with virtualization. I am including an optionLabel and a valueMapper. Unfortunately, including the valueMapper causes the option label to not show up. Is there a fix for this? Here is a dojo showing the issue

Lee
Top achievements
Rank 2
Bronze
Bronze
Bronze
 updated answer on 29 Jun 2023
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
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
Edmond
Top achievements
Rank 1
Iron
fabrizio
Top achievements
Rank 2
Iron
Veteran
RobMarz
Top achievements
Rank 2
Iron
Fakhrul
Top achievements
Rank 1
Iron
Tejas
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Edmond
Top achievements
Rank 1
Iron
fabrizio
Top achievements
Rank 2
Iron
Veteran
RobMarz
Top achievements
Rank 2
Iron
Fakhrul
Top achievements
Rank 1
Iron
Tejas
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?