Telerik Forums
Kendo UI for jQuery Forum
2 answers
115 views
Hello,

When I start the Themebuilder bookmarklet on my own page, there appears no content in the Themebuilder. Any idea what the problem can be?
My page is using Kendo UI and Dataviz. IE10 and Chrome show the same problem.

Regards, Jaap
Jaap
Top achievements
Rank 2
 answered on 22 Nov 2012
0 answers
94 views
Can waterfall, Funnel,Pyramid charts supported by Kendo ui. If not is there any alternative.
Vinay
Top achievements
Rank 1
 asked on 22 Nov 2012
7 answers
367 views
I have a webpage that has a Map (google), Chart, and Grid. They share the screen via Splitters and TabStrips. I am having an impossible time making them expand to 100% of height/width of the space that they have available to their <divs>

I have created a stripped down JsFiddle that shows the problem: http://jsfiddle.net/drysg/Rh7cL/ Full Browser version: http://jsfiddle.net/drysg/Rh7cL/embedded/result/

I have tried all sorts of CSS tricks (display layout, block, using height: 100%, width: 100%, explicit setting of all width/height in the hierarchy. But nothing is working. I simplified the CSS to illustrate.

I am looking for a pure CSS solution that:

1. Expands Grid, Chart, and Map to fill the screen at outset
2. Browser Resize will dynamically resize the Grid, Map, and Chart
    (they will shrink to available space like any good WPF or Silverlight app!
3. If needed, I would tolerate a JQuery approach that responded to window resize events.

If you look closely you will see there are actually 4 issues:

1. The map height is not 100% of the needed space
2. The TabStrip that holds the Chart & Grid is not filling 100% of the height
2. There is a scrollbar on the TabStrip that holds the Chart
     and Grid (I want that removed since they should be filling the space)
3. What I do want is the scrollbar of the Grid to be working (and that way I won't have a scrollbar on the TabStrip)

The layout hierarchy is as follows:

I. Top Window
    1. Title DIV
    2. Splitter
        A. Map
        B. TabStrip
            i. Table DIV
                a. Menu
                b. Grid
            ii. Chart
Faisal
Top achievements
Rank 1
 answered on 22 Nov 2012
0 answers
126 views

How to make Gridview control to group in each column of data?

Hi, I have a web project which uses webform with Gridview to display the SQL server table data,

Data in Gridview Control is as this grid format:

Data 1 | Data 2 | Data 3 Amount1 Amount2 Amount3

Data 1 | Data 2 | Data3 Amount1 Amount2 Amount3

Data 1 | Data 2 | Data 3 Amount1 Amount2 Amount3

Data 1 | Data 2 | Data 3 Amount1 Amount2 Amount3

Ground Total: Gtotal1 Gtotal2 Gtotal3

I expact the data to be shown in the report in this way:

+Data1 Subtotal1 Subtotal2 Subtotal3

Ground total Gtotal1 Gtotal2 Gtotal2

Click +Data1 to expand it, it should be:

-Data1 Subtotal1 Subtotal2 Subtotal3

+Data2 SecondSubtotal1 SecondSubtotal2 SecondSubtotal3

Gtotal1 Gtotal2 Gtotal3

Click +Data2 to expand it, it should be:

-Data1 Subtotal1 Subtotal2 Subtotal3

-Data2 SecondSubtotal1 SecondSubtotal2 SecondSubtotal3

+Data3 ThirdSubtotal1 ThirdSubtotal2 ThirdSubtotal3

Gtotal1 Gtotal2 Gtotal3

Click +Data3 to expand it, it should be:

-Data1 Subtotal1 Subtotal2 Subtotal3

-Data2 SecondSubtotal1 SecondSubtotal2 SecondSubtotal3

-Data3 ThirdSubtotal1 ThirdSubtotal2 ThirdSubtotal3

DetailsAmt1 DetailsAmt2 DetailsAmt3

Ground Total Gtotal1 Gtotal2 Gtotal3

Of cause, the + and - sign in the report will be able to expand and collapse.

After did some search from the internet, somebody mention Jqgrid, or telirik tool, etc. but most of them are only works on first level of group, not more than one group, I appricate anybody can provide any solution to achieve this goal. Some examples will be helpful

Peter
Top achievements
Rank 1
 asked on 21 Nov 2012
0 answers
102 views
is it possible to turn the input fields in the standard filter box to autocompletion fields? I know how to make them dropdowns but i have one column that has about 200 options (to many for a dropdown), can i make tha tinput field an auto-complete? I know how to do it outside the grid but i want this to be done IN the filter dropdown.
Gregory
Top achievements
Rank 1
 asked on 21 Nov 2012
3 answers
326 views
I have created a data source and I need to parse the data that comes in so it is in the appropriate structure for my grid. I normally do this with parse and all is well.

In this scenario, I need to programatically set the data. When I do this by using the DataSource.data member, then parse is never called.

I have an example in this fiddle: http://jsfiddle.net/grippstick/tjmKm/

If you click switch data you will see the grid populate with the new data, but the parse function is never called.
Brian
Top achievements
Rank 1
 answered on 21 Nov 2012
1 answer
344 views
I'm using asp.net mvc4 with kendo ui. I have a simple grid that gets loaded with no values on load (Index()) and then once a search button is clicked data populates the grid(Index(int value)). Here's what I've found so far. I think the problem is how I have my .js files arranged but I'm not positive. I already built one app and it works correctly and I had a problem with how to arrange the .js files. The other issue seems to be with Areas in the MVC application. I have to add a _ViewStart under all my ares under the Views folder or there is no formatting. In my _viewstart file I have @{   Layout = "~/Views/Shared/_Layout.cshtml";}. If I comment that out the page loads correctly but there is no data. If I include it to layout my page it calls the correct method and returns data but it also calls the Index() method and load a blank Model and clears out my results. 

Here's my _Layout:
 @Styles.Render("~/Content/css")
    @Styles.Render("~/Content/kendo")
    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/kendo")
    @Scripts.Render("/bundles/jqueryval")

Bundles
 bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                        "~/Scripts/jquery-1.8.2.js"));
bundles.Add(new ScriptBundle("~/bundles/kendo").Include(
                 "~/Scripts/kendo/2012.3.1114/kendo.all.*"
bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
                        "~/Scripts/modernizr-2.5.3.js",
                        "~/Scripts/jquery.validate.min.js",
                         "~/Scripts/jquery.unobtrusive*"));


Thanks
Dennis
Dennis
Top achievements
Rank 1
 answered on 21 Nov 2012
5 answers
202 views
Hi,

Is there a way to provide a custom popup editor for each  CRUD operation or wire in your own editor? A simple sample would be highly appreciated.

Thanks,
Max
Maxim
Top achievements
Rank 1
 answered on 21 Nov 2012
2 answers
69 views

This is the code I used.  It works fine in IE9, but IE8 can't handle it:

   

var data = [{
            "category": "Test",
            "value": 150,
            "percentage": "85%"
        },
        {
            "category": "Test0",
            "value": 5,
            "percentage": "5%"
        },
        {
            "category": "Test1",
            "value": 1,
            "percentage": "0.1%"
        },
        {
            "category": "Test2",
            "value": 1,
            "percentage": "0.1%"
        },
        {
            "category": "Test3",
            "value": 1,
            "percentage": "0.1%"
        },
         {
             "category": "Test4",
             "value": 1,
             "percentage": "0.1%"
         },
          {
              "category": "Test5",
              "value": 1,
              "percentage": "0.1%"
          },
           {
               "category": "Test6",
               "value": 1,
               "percentage": "0.1%"
           },
            {
                "category": "Test7",
                "value": 1,
                "percentage": "0.1%"
            },
         ];
 
        $("#divChartByPublisher").kendoChart({
            theme: "default",
            title: {
                text: "Opportunities by Publisher"
            },
            legend: {
                position: "left",
                labels: {
                    template: "#= dataItem.label # (#= value #) - #= dataItem.percentage #%"
                }
            },
 
            dataSource: {
                data: data
            },
            series: [{
                type: "pie",
                field: "value",
                categoryField: "category"
            }],
 
            seriesColors: chartColors,
 
            tooltip: {
                visible: true,
                template: "#= category # (#= value #)"
            }
        });

Daniel
Top achievements
Rank 1
 answered on 21 Nov 2012
0 answers
280 views
Hi all,

I want to update the labels shown in the category axis in line chart when new data is bound and refresh method is called.
All the values are getting shown in the chart except the labels present in the category axis. FYI the category axis is showing time. So after each minute the category axis should update the time label shown in the chart.

Any help will be very much helpful to me.

Posting my Code for your reference
 @(Html.Kendo().Chart(Model)
        .Name("RPMchart")
        
        .Legend(legend => legend
            .Position(ChartLegendPosition.Bottom)
        )
                //.DataSource(ds => ds.Read(read => read.Action("MonitoringJson", "Application")))
        .Series(series => {
            series.Line(model => model.RequestsPerMinute)
                .Name("Request Per Minute")
                .Labels(labels => labels.Format("{0}").Visible(false));
        })
        .CategoryAxis(axis => axis
            .Categories(model => model.Minute.TimeOfDay)
                            .Labels(labels => labels.Format("{0}").Rotation(-90))
            
        )
        .HtmlAttributes(new { style = "height:400px;width:400px" })
        .ValueAxis(axis => axis.Numeric()
                    .Labels(labels => labels.Format("{0:N0}"))
                    
                ).Tooltip(tooltip => tooltip
                    .Visible(true)
                    .Format("{0:N0}")
                )
    ) 



Thanks
Alam
Mohammed
Top achievements
Rank 1
 asked on 21 Nov 2012
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
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
Top achievements
Rank 1
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ivory
Top achievements
Rank 1
Iron
Nurik
Top achievements
Rank 2
Iron
Iron
YF
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Top achievements
Rank 1
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ivory
Top achievements
Rank 1
Iron
Nurik
Top achievements
Rank 2
Iron
Iron
YF
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?