Telerik Forums
Kendo UI for jQuery Forum
4 answers
368 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.0K+ 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
91 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
240 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
82 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
296 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
419 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
82 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
799 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
101 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
+? more
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?