Telerik Forums
Kendo UI for jQuery Forum
2 answers
176 views
Is there a way to set the rotation of the tooltip apart from the rotation of the chart?

I rotated my chart 90 degrees, to make it vertical, which works fine. However the tooltip, is now sideways and I can't see a way to rotate the tooltip as well to be horizontal again. If it is not possible I can just disable the tooltip, although I would prefer to have it if possible. Thanks
blake
Top achievements
Rank 1
 answered on 29 Apr 2013
2 answers
969 views
Hello,

I have the problem, that I cannot inline edit my data in my grid because the edit button is simply missing. All other actions (read data, create data (inline), delete data) are working very well.

I am using a webservice to communicate with the server side.
Here is the code of my grid:

01.<script type="text/javascript">
02.    var Grid = null;
03.    var DataSource = new kendo.data.DataSource({
04.        transport: {
05.            read: { url: "GetData" },
06.            destroy: { url: "DeleteData" },
07.            update: {
08.                url: "UpdateData",
09.                type: "POST",
10.                complete: function (e) {
11.                    Grid.data("kendoGrid").dataSource.read();
12.                }
13.            },
14.            create: {
15.                url: "CreateData",
16.                type: "POST",
17.                complete: function (e) {
18.                    Grid.data("kendoGrid").dataSource.read();
19.                }
20.            },
21.            parameterMap: function (options, operation) {
22.                switch (operation) {
23.                    case "destroy":
24.                        return { id: options.Id };
25.                    case "create":
26.                        return { name: options.Name, width: options.Width, height: options.Height };
27.                    default:
28.                        return { take: options.take, skip: options.skip };
29.                }
30.            }
31.        },
32.        schema: {
33.            data: "d.Data",
34.            total: "d.Total",
35.            model: {
36.                id: "Id",
37.                fields: {
38.                    Id: { editable: false },
39.                    Name: { editable: true },
40.                    Width: { editable: true },
41.                    Height: { editable: true },
42.                    Code: { editable: true }
43.                }
44.            },
45.            errors: "d.ErrorMessage"
46.        },
47.        pageSize: 20,
48.        serverPaging: true,
49.        error: function (response) {
50.            this.cancelChanges();
51.        }
52.    });
53. 
54.    $(document).ready(function () {
55.        Grid = $("#md-contentGrid").kendoGrid({
56.            dataSource: DataSource,
57.            height: "100%",
58.            pageable: true,
59.            toolbar: [
60.               { name: "create" }
61.            ],
62.            columns: [
63.                { field: "Name" },
64.                { field: "Width" },
65.                { field: "Height" },
66.                { command: [
67.                    "edit",
68.                    "destroy",
69.                ], title: " ", width: "300px"
70.                }
71.            ], editable: "inline"
72.        });
73.    });
74.</script>
I have been trying now for hours, but stil no success to get the inline edit feature working. I hope someone call help me a bit.
Thank you very much.
Multi Digital
Top achievements
Rank 1
 answered on 29 Apr 2013
1 answer
107 views
Hello,
I have menu, window on page!
 <script>
    $(document).ready(function() {
     var window = $("#window"),
                undo = $("#undo")
                        .bind("click", function() {
                            window.data("kendoWindow").center().open();
                        });
        var onClose = function() {
            undo.show();
        }
        window.kendoWindow({
            width: "auto",
            title: "Настройка системы",
            actions: ["Refresh", "Maximize", "Close"],
            content: 'settings',
            modal: true,
            close: onClose
         });
         $("#menu").kendoMenu();
    });
</script>
but menu don't work
Iliana Dyankova
Telerik team
 answered on 29 Apr 2013
5 answers
173 views
Hi Kendo team,

My scenario is as follows:

I have an html page, where I want to put my Kendo Linear guage.

I have a WCF running in my IIS, which returns a value in JSON like this  [{"unSrvd":12}]

The WCF llink is as follows

http://localhost/WCFSrv/Uns.svc/api/Unserved/-1/-1/-1

Where -1/-1/-1 are the parameters that I have to pass to the WCF.

How can I bind this to the Linear guage?

Any help will be appreciated

Thanks and Regards

Renju J Panicker
Alexander Valchev
Telerik team
 answered on 29 Apr 2013
1 answer
115 views
Hi

I am trying to call asp.net web services in telerik kendo mobile listview  but i am not  getting any data its showing only loading on page .Please find code with attachment and with web services  .Please check what is issue in that.

And if you can share sample code from asp.net services with telerik kendo for mobile that will helpful.


//----------web services ---------------------------
 [WebMethod]
        public string   EmployeeList()
        {
            
            string abc = null;
            JavaScriptSerializer serializer = new JavaScriptSerializer();
            SqlCommand cmd = new SqlCommand("select top 10 Firstname from employee where branchid=@branchid", connection.getConn());
            cmd.CommandType = CommandType.Text;
            cmd.Parameters.AddWithValue("@branchid", 9);
          
            SqlDataAdapter sda = new SqlDataAdapter(cmd);
            DataSet ds = new DataSet();
            sda.Fill(ds);
            for( int i=0;i<ds.Tables[0].Rows.Count ;i++)
            {
              
                if (i == 0)
                {
                    abc = ds.Tables[0].Rows[i]["firstname"].ToString();
                }
                else
                {
                    abc =abc+"," + ds.Tables[0].Rows[i]["firstname"].ToString();
                }
            }
            string jsonString = serializer.Serialize(abc);
            return jsonString;
        }
Daniel
Telerik team
 answered on 29 Apr 2013
15 answers
1.4K+ views
Hi there,

I need to implement the case insensitive sorting on kendo ui grid, by default it sort the columns in case sensitive manner as shown in attached document.

Thanks,
Surendra Singh
Atanas Korchev
Telerik team
 answered on 29 Apr 2013
2 answers
115 views
I tried loading the gauge using a partial view

<body style="padding: 0px;margin: 0px;height:100%;">
    <div id="Replace@(uid)" style="width: 100%;height: 100%;position: relative;"></div>
 
    <script type="text/javascript">
        jQuery(function () {
            jQuery.get('@Url.Action("Chart","SalesTarget", Request.QueryString.ToRouteValues())', function (data) {
                $('#Replace@(uid)').html(data);
            });
        });
    </script>
</body>


unfortunately this approach leads to a javascript "unresponsive script" error.
the chart title shows up so my markup is added to the page - but the kendo initialization is NOT completing.

This is the only script loaded in partial..
jQuery(function(){jQuery("#charte5d435958d7e47569bd533bd3bd63d11").kendoRadialGauge({"pointer":{"value":0},"scale":{"minorUnit":5,"min":0,"max":2352000002.3961,"ranges":[{"from":0,"to":1568000001.5974,"color":"f2dd30"},{"from":1568000001.5974,"to":2352000002.3961,"color":"399E38"}],"endAngle":180,"startAngle":0},"theme":"bootstrap"});});
leblanc
Top achievements
Rank 1
 answered on 29 Apr 2013
2 answers
109 views
Is the dropdownlist widget suppose to copy the style from the input element?

<input class="#MyDDL" style="width:930px;">
$('#MyDDL').kendoDropDownList({
            index: 0,
            dataTextField: 'FirstName',
            dataValueField: 'ID',
            dataSource: myDataSource
});
I thought 930px would be copied from the input style but I was wrong.  The width is provided by the kendo.common.min.css

Is this the expected behavior?

Best regards,

Simon

EDIT
OK, I just realized the problem occurs in Chrome only... Firefox and IE are working as expected.


Simon
Top achievements
Rank 1
 answered on 29 Apr 2013
12 answers
416 views
Hi Guys,

I have written the following code but when i run the code, the menu displays the arrows but does not expand? Is there something i am missing? Please help/

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>@ViewData("Title")</title>
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/styles/kendo.common.min.css")" type="text/css" rel="Stylesheet" />
    <link href="@Url.Content("~/Content/styles/kendo.default.min.css")" type="text/css" rel="Stylesheet" />
    <script src="@Url.Content("~/Scripts/js/kendo.web.min.js")"  type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/js/kendo.aspnetmvc.min.js")"  type="text/javascript"></script>
    <script src="@Url.Content("/Scripts/js/jquery.min.js")"  type="text/javascript"/>
    <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>
    </head>
<body>
    <div class="page">
        <header>
            <div id="title">
                <h1>Mail Application</h1>
            </div>
            <div id="logindisplay">
                @Html.Partial("_LogOnPartial")
            </div>
            <nav>
                                           
                <ul id="menu">
                    <li>@Html.ActionLink("Home", "Index", "Home")</li>
                    <li>@Html.ActionLink("About", "About", "Home")</li>
                    <li>@Html.ActionLink("CostCentre", "Index", "CostCentre")</li>
                    <li>@Html.ActionLink("Office", "Index", "Office")</li>
                </ul>
            </nav>


            @(Html.Kendo().Menu() _
                .Name("menu") _
                .BindTo("Sample")
                ) 
                    
        </header>
        <section id="main">
            @RenderBody()
        </section>
        <footer>
        </footer>
    </div>
</body>
</html>

Michael
Top achievements
Rank 1
 answered on 29 Apr 2013
3 answers
66 views
Hello everyone,
On a Kendo Ui Dataviz ,I have been finished a chart, I want to save it and enlarge it to be larger than  before in the same page , How can i do this?

Thanks very much!
Iliana Dyankova
Telerik team
 answered on 29 Apr 2013
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
Drag and Drop
Application
Map
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
Chat
MultiColumnComboBox
Dialog
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Accessibility
Effects
PivotGridV2
Licensing
ScrollView
Switch
TextArea
BulletChart
QRCode
ResponsivePanel
Wizard
CheckBoxGroup
Localization
Barcode
Breadcrumb
Collapsible
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
TimePicker
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
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
SmartPasteButton
PromptBox
SegmentedControl
+? more
Top users last month
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?