Telerik Forums
Kendo UI for jQuery Forum
1 answer
67 views

I would like to use the ButtonGroup, but I am not using the mobile framework, nor do I want to include the mobile framework. Is this possible?

Thanks,

--Ed

Petyo
Telerik team
 answered on 09 Jun 2015
1 answer
71 views

I'm using Kendo UI and running the app on my iPhone using Inte's XDK App Preview app which works great. I've noticed when previewing the app on the iPhone 6, the status bar is not visible, although the space for the bar is there. If I minimize the app and hit the icon to bring it back into focus, I can see the status bar for about half a second and then it fades out. Running iOS 8.3 on the 6 plus and the 6, but it works fine on the 6.

I'm using in the index.html:

var app = new kendo.mobile.Application($(document.body), {
            statusBarStyle: "black-translucent"
        });

 

Anyone else notice this?

Petyo
Telerik team
 answered on 09 Jun 2015
5 answers
313 views
Hi all,

I've got a grid that won't bind / display data. 

Datasource:
var ds = new kendo.data.DataSource({
    type: "odata",
    transport: {
        read: {
            url: dataUrl,
            dataType: "jsonp",
            jsonp: "callback",
            jsonpCallback: 'DataCallBack'
        }
    },
    error: function (e) {
            alert("Error2: " + e);
    },
    serverPaging: true,
    pageSize: 10
});

Using firebug i can see a request is being made and the following data in JSONP format is returned by the service: 
DataCallBack( [{"RunStatusTag":null,"Service":"Charge Pump","SiteName":"FCCU"},{"RunStatusTag":null,"Service":"Charge Pump 2","SiteName":"FCCU2"},{"RunStatusTag":null,"Service":"Charge Pump3","SiteName":"FCCU3"}] );

The grid is defined as below, the databound event never fires:
$("#grid2").kendoGrid({
    dataSource:ds,
    dataBound: function(e) {
         alert("Bound2 " + e);
    },
    columns: [
            {   field:"SiteName",title: "Plant/Facility" },
            {   field:"Service",title: "Service"    }
    ]
});

Any idea's? 
Alexander Valchev
Telerik team
 answered on 09 Jun 2015
1 answer
3.7K+ views

I have two grids, one on the left and one on the right. I want to highlight multiple rows in the grid on the left, click a button that says "move", and see the rows added to the grid on the right.

The grid on the left is loaded from an action method, via Ajax. The grid on the right gets data from a JavaScript array of objects.

The part I'm stuck on:

After user clicks the "move" button, how do I get the highlighted rows and loop through them so I can add them to the JavaScript array of objects?

Thanks,

Mike

Dimiter Madjarov
Telerik team
 answered on 09 Jun 2015
5 answers
230 views
The MVC extensions grid allowed me to specify a default data item by using .DefaultDataItem

.Editable(editing => editing.Mode(Kendo.Mvc.UI.GridEditMode.InCell).DefaultDataItem(Model.defaultPerson))

How is this accomplished in Kendo?
Dimitrij
Top achievements
Rank 1
 answered on 09 Jun 2015
4 answers
110 views

Hi all

I have an editable grid inside a Twitter Bootstrap page, and it has caused the icons in the Save Changes, Cancel Changes and paging buttons to not display. I've attached a screenshot to illustrate. Any way to fix this issue?

Regards

Brad

Brad
Top achievements
Rank 1
 answered on 09 Jun 2015
6 answers
581 views
Hi ,

I have a tabstrip inside a splitter and it has one tab item by default and i dymically adding tab item based on user action. when the new tab gets added iam facing two issues.

1. Click on dynamically added tab don't bring content from url. it brings after couple of clicks over the text in tab item.
2. The content from the dynamically added tab gets appended in default tab item which created in html declaration.

This is the code for tab

 

 

<div id="glaDocumentHost" class="glaReset">

 

 

 

<ul>

 

 

 

<li class="k-state-active"><label id="map">Map</label></li>

 

 

 

</ul>

 

 

 

<div style="padding:0px;margin:2px;"></div>

 

 

 

</div>

 

$(

 

"#glaDocumentHost").kendoTabStrip({ contentUrls: ["/YLA/YLAMAP/MapPanel"] });

this is the code i'm using to add tab dynamically.

 

 

 

var tabstrip = $("#glaDocumentHost").kendoTabStrip().data("kendoTabStrip");
tabstrip.insertAfter({ text: name, contentUrl: url }, tabstrip.tabGroup.children(
"li:last"));

any help is appreciated.

Thanks
Purush

 

Kiran
Top achievements
Rank 1
Veteran
Iron
 answered on 08 Jun 2015
4 answers
144 views

I have noticed a peculiar behavior where if you have column widths larger than the total grid size, columns that do not have a fixed width won't render, even if they are supposed to. I have created a dojo that shows the problem:

http://dojo.telerik.com/@yazdog8/OSOKi/2

 The "Contact Name" column isn't rendered on creation of the grid. If you were to hide a fixed width column, say "Contact Title", all of the columns that should be shown are present. However, if you re-activate the fixed width column you just hit, the column with no width is hidden again. I'd expect that even if all of the widths exceed the grid width, you would at least see something for the non fixed width column. 

JSON
Top achievements
Rank 1
 answered on 08 Jun 2015
3 answers
269 views
 So when you adjust the legend label size the color swatches next to them do not change in size.  How to change their size to match the font's size?
Iliana Dyankova
Telerik team
 answered on 08 Jun 2015
1 answer
133 views

I have a comboBox and would like to style alternative items with different background colors, is there a way to do it in "CSS", I would try not to use Javascript do it.

 Thanks.

Plamen Lazarov
Telerik team
 answered on 08 Jun 2015
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
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
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?