Telerik Forums
Kendo UI for jQuery Forum
0 answers
87 views
How to change kendo theme at web?
Alicia
Top achievements
Rank 1
 asked on 31 Oct 2012
1 answer
181 views
Hi All,
I have a question about positioning tooltip,because when you hover on chart tooltip it is shown too far from it.
Is there any way to set tooltip as closer as possible to chart or controll tooltip position?

Sincerely,
Arsen
Hristo Germanov
Telerik team
 answered on 31 Oct 2012
3 answers
299 views
Having a right-click contextmenu on the grid container, I get an unexpected behaviour while clicking on the menu.

The first click does not "fire" the post on the link, but click sequence no > 1 behavious as expected. 

Here a Fiddle of the issue. 

Why is the first click any different than the click > 1 ?
Hari
Top achievements
Rank 1
 answered on 31 Oct 2012
1 answer
199 views
Hi,

Our client asked if this is possible.
I checked the API documentation but i cant find anything on it.

Is it possible to add a gradient/fading effect to the color band of a radial gauge.
I want the color band to start as red on the left and fade to green on the right. It will look much smoother than set colors in the band.

Regards,
Morne
Hristo Germanov
Telerik team
 answered on 31 Oct 2012
1 answer
128 views
Im having trouble with the back button.  For some reason when i hover my mouse over it in Firefox 16.0.1 it doesnt register it as a link when the data-role="backbutton" is applied.  When i remove it it works great. 

When I go into Safari, the back button works.  Its weird, in FF the backbutton is styled pretty poorly, loooks like something isnt working.  Any thoughts on this

<div data-role="pane" data-layout="side-default" data-transition="slide">
    @* Menu: Level 1 *@
    <div data-role="view" data-title="Centro Web Panel" id="side-root">
        <header data-role="header">
            <div data-role="navbar">
               <span data-role="view-title"></span>
            </div>
        </header>
 
        <ul data-role="listview" data-style="inset" @*data-source="splitViewCategories" data-template="categoriesTemplate"*@>
            @* TODO: Get rid of hard coded stuff *@
            <li><a class="km-listview-link" href="#side-inbox" data-role="listview-link">Todo</a></li>   
            <li><a class="km-listview-link" href="" data-role="listview-link">Drafts</a></li>   
            <li><a class="km-listview-link" href="" data-role="listview-link">Pending</a></li>   
            <li><a class="km-listview-link" href="" data-role="listview-link">Completed</a></li
        </ul>
    </div>
 
    <div data-role="view" data-title="Todo" id="side-inbox">
        <header data-role="header">
            <div data-role="navbar">
                <a id="back-button" class="nav-button" data-align="left" data-role="backbutton">Back</a>
                <span data-role="view-title"></span>
            </div>
        </header>
         
        <ul data-role="listview" data-style="inset">
            <li><a class="km-listview-link" href="" data-role="listview-link">Cardiology</a></li>   
            <li><a class="km-listview-link" href="" data-role="listview-link">Radiology</a></li>   
            <li><a class="km-listview-link" href="" data-role="listview-link">All Patients</a></li>   
        </ul>
    </div>
 
</div> @* --> end of left menu area *@
Kamen Bundev
Telerik team
 answered on 31 Oct 2012
3 answers
136 views
How to get and set value to particular cell of  kendoGrid programmatically?
Alexander Valchev
Telerik team
 answered on 31 Oct 2012
0 answers
84 views
I use Inline Edit-Grid.data is read from the Web Server using JSON.

below is the read section of my grid

on parsing URL is not being generated.

What is the standard way of calling the Controller Action .(I am not using Kendo UI helpers)


dataSource = new kendo.data.DataSource({
                           transport: {
                               read: {
                                   url: ('<%=Url.Action("GetUserList") %>'), 
                                   dataType: "json"
                               },
Harshil
Top achievements
Rank 1
 asked on 31 Oct 2012
6 answers
143 views
Hi,
When I set reorderable to true 
Drag the column the x sign always shows and never allow me to drop the column in new place.
I wander why your example work and mine is not.

Best,
Andrew
Top achievements
Rank 1
 answered on 31 Oct 2012
2 answers
295 views
Hi.  I have a grid with a foriegn key reference to "states".  I was finally able to get the states column to display correctly and to behave when adding a new row or editing a new row.  The problem that has now been pointed out is that the "filter" interface is trying to filter by the (integer) ID value rather than the displayed string value. 

This is the Json "facility" object with the dependent State:
{"fclID":3,
 "fclName":"TestFacility",
 "fclActive":true,
 "fclCity":"Mobile",
 "stateID":3,
 "state":{"country":null,
    "stateID":3,
    "stateName":"Alaska",
    "stateAbbr":"AK",
    "ctyID":1}
}

Here's a simplified version of my datasource:
 
var fclDataSource = new kendo.data.DataSource({        //datasource for grid
            batch: false,
            autosync: true,
            transport: {
                create: { url: "/DataService/InsertFacility",
                    dataType: "json",
                    cache: false
                },
                read: {
                    url: "/DataService/GetFacilities",
                    dataType: "json",
                    cache: false
                },
                update: {
                    url: "/DataService/UpdateFacility",
                    dataType: "json",
                    cache: false
                }
            },
            schema: {
                model: {
                    id: "fclID",
                    fields: {
                        fclName: { type: "string",
                            validation: { required: true }
                        },
                        fclCity: { type: "string" },
                        fclActive: { type: "boolean",
                            defaultValue: false
                        },
                        stateID: { type: "number",
                            validation: { required: true }
                        }
                    }
                }
            },
            pageSize: 10
        });

and Grid:
$('.adminboxlarge').append($('#admingrid').kendoGrid({
            dataSource: fclDataSource,
            height: 600,
            width: 890,
            filterable: true,
            sortable: true,
            pageable: true,
            scrollable: false,
            toolbar: [
                { name: "create", text: "Add Facility"}        //button to add new row
                ],
            columns: [
                {
                    field: "fclName",
                    title: "Name",
                    editable: true,
                    filterable: true
                    //width: 250
                }, {
                    field: "fclCity",
                    title: "City",
                    editable: true,
                    filterable: true
                    //width: 75
                }, {
                    //field: "state.stateAbbr",
                    field: "stateID",
                    template: "#=state.stateAbbr#",
                    title: "State",
                    editor: facilityStateEditor,
                    editable: true,
                    filterable: true
                    //width: 75
                }, {
                    command: [
                        { name: "edit", text: "" }
                    ]
                    //width: 50
                }
            ],
            editable: {
                mode: "inline",
                update: true, // puts the row in edit mode when it is clicked
                destroy: false, // does not remove the row when it is deleted, but marks it for deletion
            },
            edit: function () {
                curr_container = this._editContainer; //selects the current edit container
 
                //deletes the text from the "Update" and "Cancel" buttons
                $(curr_container).find("a.k-grid-update").text("").append('<span class="k-icon k-update"/>');
                $(curr_container).find("a.k-grid-cancel").text("").append('<span class="k-icon k-cancel"/>');
            }
 
        })
        )


And combo box editor.
function facilityStateEditor(container, options) {      //defines facility combobox
            $('<input data-text-field="stateName" data-value-field="stateID" data-bind="value:' + options.field + '"/>')
            .appendTo(container)
            .kendoDropDownList({
                dataSource: fclstateDataSource,
                dataTextField: "stateName",
                dataValueField: "stateID"
            });
        };

This all works when I reference the parameter for the dependent object as the column field (state.stateAbbr).  However, when I try to filter by this column, I get the filter choices for a number column, not a string column.  If I change the column value to "state" instead of "stateID", the filtering won't work because it tries to convert the state object to lowercase.  If I specify stateAbbr, the display property of the state object, I get errors when attempting to edit or add a new item.

I tried to use paramter mapping in the datasource to add a stateAbbr property to the JSon object, but the documentation is pretty sparse and I wasn't able to get any of my attempts to work.

If it's possible to display other attributes of a foriegn key column, it seems it should be possible to set what attribute is used for filtering.  That's all I'm really looking for: a way to define the filter parameter to be the same as the display template.

Over the last week, as I've tried to google my way through configuring the database and grid for foriegn keys, I've run across all sorts of easter eggs and undocumented functionality in Kendo.  I'm hoping this is another one of those instances where there's a column attribute I just wasn't finding.
Todd
Top achievements
Rank 1
 answered on 31 Oct 2012
1 answer
232 views
I've run into a problem insofar as I've managed to get a complex foreign key editor to work with basic CRUD on the grid. However, upon adding new rows, if the drop downs are left unchanged from their initial state, no data is sent to the server for the add, showing 'undefined' in the colums and sending nulls to the add method.

I'm sure this is something to do with the defaultValue option on the model but can't find any reference on the forums

any help appreciated.

VS2012 project attached.
Todd
Top achievements
Rank 1
 answered on 31 Oct 2012
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
Date/Time Pickers
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)
SPA
Filter
Drawing API
Drawer (Mobile)
Globalization
Gauges
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
OrgChart
TextBox
Effects
Accessibility
ScrollView
PivotGridV2
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
Popover
DockManager
FloatingActionButton
TaskBoard
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
+? more
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?