Telerik Forums
Kendo UI for jQuery Forum
2 answers
174 views
Hi,

I have a radial gauge and it is working fine, but as soon as i add the following it goes completely blank when i run the code.

labels: {
                                position: labelPosition || "inside"
                            },
If i remove this code it works again.
Any ideas?

Here is the complete function for reference.

        function createGauges() {
            var theme = $(document).data("kendoSkin") || "default";
//                        value = $("#gauge-value").val();


                    $("#Lgauge").kendoRadialGauge({
                        theme: theme,


                        pointer: {
                            value: 80
                        },


                        scale: {
                            majorUnit: 10,
                            minorUnit: 2,
                            min: 0,
                            max: 100,
                            labels: {
                                position: labelPosition || "inside"
                            },
                       
                            ranges: [
                                {
                                    from: 0,
                                    to: 35,
                                    color: "red"
                                }, {
                                    from: 35,
                                    to: 70,
                                    color: "yellow"
                                }, {
                                    from: 70,
                                    to: 100,
                                    color: "green"
                                }
                            ]
                        }
                    });
                }

And here is the only styling i apply to the div :

            div#gaugeLCon {
                    background: transparent url("../images/gauge-container-partial.png") no-repeat 50% 50%;
                    width: 386px;
                    height: 386px;
                    text-align: center;
                    margin: 0 0 30px 50px;
                    }                  
          
             div#Lgauge
          {
              
              width: 330px;
              height: 310px;  
              text-align: center;
              margin: 0 auto 0;
          }

Morne
Top achievements
Rank 1
 answered on 23 Oct 2012
0 answers
62 views
In kendo ui how can we check user availability  in kendo ui grid? is it possible in it? if possible than please reply me so i will make in changes  in my code because i want to check user availability in my module.
Jaymin
Top achievements
Rank 1
 asked on 23 Oct 2012
1 answer
99 views

Hi,
I am using the kendo grid with custom popup edit template and everything works fine until i use text area inside the template.
any html after the textare does not show in the edit popup template and hence i cannot see the update and cancel buttons or any other field that i declare after the textarea

Thankyou
Rakesh
Top achievements
Rank 1
 answered on 23 Oct 2012
6 answers
264 views

Hi there, for some reason I can't force bubble chart to show legend, at the same time I'm able to see category name in the tooltip, could you please explain why, thanks.

        $("#Chart1").kendoChart({
                title: {
                    text: "Chart"
                },
                legend: {
                    visible: true,
                    position: "bottom"
                },
                dataSource: @{@Html.Raw(id)}ChartDataSource1,
                seriesDefaults: {
                    type: "bubble"
                },
                seriesColors: ["#004D5C", "#FF8700", "#38A660", "#E5D843", "#80BF34"],
                series:
                    [{
                        type: "bubble",
                        categoryField: "Field1",
                        xField: "Field2",
                        yField: "Field3",
                        sizeField: "Size",
                        colorField: "Color",
                        maxSize: 35,
                        minSize: 3,
                        visibleInLegendField: "true",
                        tooltip: {
                            visible: true,
                            format: "{2} {3}"
                        }

                    }
                    ]
               ,
                xAxis: {
                    //max: 1000,
                    labels: {
                        format: "{0}"
                    }
                },
                yAxis: {
                    //min: 80,
                    labels: {
                        format: "{0}"
                    }
                },
        });

Iliana Dyankova
Telerik team
 answered on 23 Oct 2012
2 answers
2.2K+ views
To: Those familiar with Kendo UI installation,

A VS 2010 application using the Kendo UI ASP.NET MVC trial version controls was created and works ok.  The license for Kendo UI has been purchased and the files have been downloaded and installed.   The trial version CSS and JS files have the same time stamp and file sizes.   

Telerik's installation instructions are:

1.) Download Kendo UI.
2.) Copy Kendo UI CSS and Javascript resources to your project.
3.) Configure your page to use Kendo UI scripts and skins
4.) You are ready to use Kendo UI.

Is there anything that needs to be done to upgrade the Kendo UI trial version to the purchased version?

Thanks for your help

Peter


Avitot
Top achievements
Rank 1
 answered on 23 Oct 2012
1 answer
58 views
Please see the JS fiddle here: http://jsfiddle.net/zWjaD/6/
How come the update to the name property is not being reflected on the UI?
Atanas Korchev
Telerik team
 answered on 23 Oct 2012
0 answers
152 views
I have 2 checkboxes/RadioButtons in a grid, what i want is only one of them can be checked. I followed some sample from other thread to write, but no luck, I am still not able to get value of that check box. This is how I access the checkbox
$("#divGrid").data("kendoGrid").table[0].rows[0].
 cells[0].children.ARadio;
    
   

And this is my grid looks like
$("#divGrid").kendoGrid({
    dataSource: { data: ds, pageSize: 5 }
    , pageable: { input: true, numeric: false }
    , selectable: true
    , sortable: true
    , scrollable: false
, columns: [{ title: "A", template: '<input type="checkbox" id="ARadio" ARadio="#= RequestId #"/>' },
            { title: "Requestor Name", field: "RequestorName", template: '<nobr><label style="width:120px;">#=RequestorName#</label></nobr>', width: 150 },
            { title: "Request Type", field: "RequestType" },
            { title: "Business Group", field: "BusinessSilo", template: '<nobr><label style="width:120px;">#=BusinessSilo#</label></nobr>', width: 120 },
            { title: "Access Level", field: "AccessLevel" },
            { title: "Access Justification", field: "AccessJustification", template: '<nobr><label style="width:120px;">#=AccessJustification#</label></nobr>', width: 150 },
            { title: "Date Requested", field: "DateRequested" },
            { title: "Date of Expiry", field: "ExpirationDate"}]
});

Please help me out, I've been stucking on this for quite a while.
Aden
Top achievements
Rank 1
 asked on 23 Oct 2012
1 answer
282 views
Hi ,

I am building a multi-axis chart with data generated from webservice. As a part of the data source, I am grouping data based on a field Category. Here is a sample of the data
Category: Temp, Value: 20
Category:Temp, Value:22
Category:Humidity,Value:45
Category:Humidity:Value:48

I would like to create in the chart two axis one for Temp and other for Humidity. Since the series are created automatically, I would like to know how do I assign Temp Axis to Category 'Temp' and other axis to Category 'Humidity' based on the series name or series array.

Thanks,
Vinayak
Vinayak
Top achievements
Rank 1
 answered on 23 Oct 2012
1 answer
218 views
While loading the grid, getting Object doesn't support this property or method
please find below for code,

aspx:
   $(document).ready(function () {
                $("#grid").kendoGrid({
                    dataSource: {
                        transport: {
                            read: function (options) {
                                $.ajax({
                                    type: "POST",
                                    url: "Default.aspx/GetEvents",
                                    contentType: "application/json; charset=utf-8",
                                    dataType: "json",
                                    success: function (msg) {
                                        options.success(msg.d);
                                    }
                                });
                            }
                        },
                        schema: {
                                model: {
                                    fields: {
                                        FirstName: { type: "string" },
                                        LastName: { type: "string" },
                                        City: { type: "string" }
                                    }
                                }
                            },
                            pageSize: 10
                    },
                    height: 250,
                    scrollable: true,
                    sortable: true,
                    filterable: true,
                    pageable: true,
                    columns: [
                            {
                                field: "LastName",
                                title: "LastName",
                                width: 100
                            },
                            {
                                field: "FirstName",
                                title: "FirstName",
                                width: 100
                            },
                             {
                                 field: "City",
                                 title: "City",
                                 width: 100
                             },
                            {
                                field: "Age",
                                title: "Age",
                                width: 100
                            }
                        ]
                });
            });


Web method :
 [WebMethod()]
    [ScriptMethod(ResponseFormat = ResponseFormat.Json)]
    public static string GetEvents()
    {
        EventsOrg obj = new EventsOrg { FirstName = "Test", LastName = "11/22/1234", City = "tst", Age = "10" };
        List<EventsOrg> objEvent = new List<EventsOrg>();
        objEvent.Add(obj);
        EventsOrg obj1 = new EventsOrg { FirstName = "Test 1", LastName = "1/12/1993", City = "tst 1", Age = "10" };
        objEvent.Add(obj1);

        JavaScriptSerializer js = new JavaScriptSerializer();
        string strJSON = js.Serialize(objEvent);
        return strJSON;

        //  return new JavaScriptSerializer().Serialize(objEvent);
        // return objEvent;
    }

refrences JS :
  <link href="styles/examples-offline.css" rel="stylesheet" />
    <link href="styles/kendo.common.min.css" rel="stylesheet" />
    <link href="styles/kendo.default.min.css" rel="stylesheet" />
   <script src="js/jquery.min.js" type="text/javascript"></script>
    <script src="js/kendo.web.min.js" type="text/javascript"></script>
    <script src="js/console.js" type="text/javascript"></script>
    <script src="js/jquery-1.4.1.js" type="text/javascript"></script>

Please help me to identify the error for application
John
Top achievements
Rank 1
 answered on 23 Oct 2012
0 answers
69 views
Hi All,

I am using the kendo MVVM much like i've been using knockoutjs for the last 2 years.

I see there are some issues or limitations of the custom bindings when it comes to binding init events to template properties.

So.. can i use this validation framework in an MVVM scenario with templates?

I have a table whose rows are templated.. the items are bound to a collection/Array inside my viewModel. I need validation on inputs inside the rows.

ANY information.. examples.. demos much appreciated.
Rich
Top achievements
Rank 1
 asked on 22 Oct 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
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
Bronze
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
Bronze
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?