This is a migrated thread and some comments may be shown as answers.

Displaying linear gauge with each treeview item

1 Answer 67 Views
TreeView
This is a migrated thread and some comments may be shown as answers.
Gaurav
Top achievements
Rank 1
Gaurav asked on 12 Feb 2013, 09:06 AM
I'm trying to clone in Kendo one of our existing graphs made using another tool, see attached image for how the graph should look. Basically, you can think of the first column as containing a hierarchial list of items that we'd like to model using a treeview. The last column is a line visualizing the time period during which the item was active. The other columns are a textual representation of the start time, duration and the end time the item was active.

Any way I can achieve this by attaching a linear guage (configured to look just like a solid bar) to each item in the treeview? Ideally, I'd also like to specify the type of the treeview elements as a record (grid) with custom fields, where a field can hold any type of item including other kendo controls. Is something like this doable?

1 Answer, 1 is accepted

Sort by
0
Alexander Valchev
Telerik team
answered on 14 Feb 2013, 09:35 AM
Hi Gaurav,

You can configure the gauge to look like a solid bar by hiding its line and label elements. As an example:
$("#gauge").kendoLinearGauge({
    pointer: {
        value: value
    },
    scale: {
        min: 0,
        max: 10,
        vertical: false,
        line: {
            visible: false
        },
        labels: {
            visible: false
        }
    }
});

In order to include the gauge in the TreeView you may use a template. You should initialize the gauge widgets after the node is rendered, for example at the dataBound event.

Ideally, I'd also like to specify the type of the treeview elements as a record (grid) with custom fields, where a field can hold any type of item including other kendo controls. Is something like this doable?

I am not sure if I understood correctly the specifications of your scenario. On the provided screen shot I see a TreeGrid - KendoUI does not have such widget at present. It is not possible to transform the TreeView into a Grid either.

I hope this will help.

Regards,
Alexander Valchev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
TreeView
Asked by
Gaurav
Top achievements
Rank 1
Answers by
Alexander Valchev
Telerik team
Share this question
or