Telerik Forums
Kendo UI for jQuery Forum
3 answers
160 views
 My goal is to style a kendo-ui mobile app in Icenium to look the same on each device it's used on. Current targets include Android and IOS.My stylesheet is the last link in the head section, to ensure that it overrides any other styles in the app. It hasn't helped, though, as telerik's specificity nightmare has me jumping through an insane number of hoops and getting very little accomplished.I am at my wits end- I have followed the tutorial on http://www.icenium.com/mobile-app-platform/videos-demos/video/kendo-ui-mobile-and-icenium, and so far, have been able to override very few styles. for instance:

.km-ios #tabstrip-scan .km-navbar
{
    background-image:none;
}

should be all I need to override for the default ios titlebar, according to Telerik's tutorial. However, it gets rid of the background image, but leaves me with a background color, which it will not allow me to override (it also will not allow me to alter the text color). In other words:

.km-ios #tabstrip-scan .km-navbar
{
     background-image:none; // works
     background-color: #d9d1ba; //doesn't work
     color: #333333; //doesn't work either
}

I have the same problems with their button classes:

.km-ios .km-button
{
    height: 32px; // works
    width: 100% // doesn't work;
    background-image: none; // doesn't work
}

and with inputs:

.km-ios input[type=text]
{
    width:100% // doesn't work
    border-radius: 3px; // doesn't work
    -webkit-border-radius: 3px // also doesn't work;
}

At one point, I even commented out the entire kendo default stylesheet, and was still getting the kendo default styles when I ran the app in the virtual machine.How can I override the kendo-ui-mobile defaults and style the app how I want it to look (the same on every device), rather than how Telerik thinks it should look (closer to native ui)?
Jordan
Telerik team
 answered on 28 Mar 2013
0 answers
51 views
It can be very useful.
Wu
Top achievements
Rank 1
 asked on 28 Mar 2013
1 answer
153 views
I'm trying to initialize a filterable listview using:

            <div data-role="listview" data-filterable="true" data-style="inset" data-pull-to-refresh="true" data-template="messages-template" data-header-template="messages-group-template" data-data-bound="hideLoading" id="messages-list" ></div>

But - no luck. Is there a way to initialize a filterable listview in html?

Thanks.
Kenneth
Top achievements
Rank 1
 answered on 27 Mar 2013
2 answers
111 views
Can I find out, if a route is changed by means of browser buttons or by clicking a link or by explicit navigate call?

Michael G. Schneider
mgs
Top achievements
Rank 1
 answered on 27 Mar 2013
2 answers
504 views
hi all:
i hava some question
1.how How to determine tabs exist TabStrip,if  exist select it,else create a new tabs?
2.as extjs,allow close a tabs show a 'x' close button?
please help me ,thanks
Seaman
Top achievements
Rank 1
 answered on 27 Mar 2013
3 answers
187 views
Hi,
I am having two kendo charts displaying side by side on a page.

Issue is,
If I show only one chart then Chart Tooltips appear but if display both charts then no chart shows Tooltips.
I guess this is some sort of bug. If it is please can you have me some fix or workaround for it?

Snaps are attached.

Thanks
Charles
Hristo Germanov
Telerik team
 answered on 27 Mar 2013
2 answers
211 views
I have created a fiddle.

Is there any way to configure the date time picker so that
it doesn’t behave this way?
Ernest
Top achievements
Rank 1
 answered on 27 Mar 2013
3 answers
120 views
What would be the quickest route to binding a detailRow grid with the corresponding edit event of the parent grid row?
Petur Subev
Telerik team
 answered on 27 Mar 2013
1 answer
178 views
Hi,

I've been going through the bullet chart documentation and figure out how to manipulate different parts of the chart including the target line. What I have not found is how to set the target in the chart parameters. For instance if my values go from 0-8 and I want me bullet graph target to be 7.7 is there a way to set it right inside of the target :{} parameters and now inside of the JSON as I would have to add this field to the current database, or add formatting after the request. So to keep it simple I would like to set the target: in the Kendo JQuery chart params. Thanks.

Alex
Daniel
Telerik team
 answered on 27 Mar 2013
1 answer
114 views
On the destroy event in a grid, I need to have it remove it from the grid and set a delete flag so that when I hit sync it will remove it from the remote database. Right now it saves to localstorage (so they can close the browser and come back to it) then you can sync it up. Problem is that deleting it from the local database means it doesn't send anything to the server to tell it should be deleted. If there is a way to change the "Venue" line to read "deleted" or something then I can parse that out, but I'd want it to not show.

Hopefully that makes some sense.

Here is the delete in the grid call.
command : [{
    name : "delete",
    text : "Del",
    click: removeLine,
}],

Here is the removeLine function:
1.function removeLine(e) {
2.  console.log('removeLine');
3.  e.preventDefault();
4.  var dataItem = $(e.currentTarget).closest("tr");
5.  console.log(dataItem);
6.}
Here is my datasource:
01.dataSource = new kendo.data.DataSource({
02.    change : function() {
03.        var dataSourceJson = JSON.stringify(dataSource._data);
04.        console.log(dataSourceJson);
05.        // Set Datasources into localstorage
06.        localStorage.setItem('dataSource', dataSourceJson);
07.    }, data : products, pageSize : 20, schema : {
08.        model : {
09.            id : "ID",
10.            fields : {
11.                ID  : {
12.                    Type: "number"
13.                },
14.                Venue : {
15.                    type : "string"
16.                }, Match : {
17.                    type : "number"
18.                }, Team : {
19.                    type : "number"
20.                }, Alliance : {
21.                    type : "string",
22.                }, DO : {
23.                    type : "string"
24.                }, CP : {
25.                    type : "number"
26.                }, AP : {
27.                    type : "number"
28.                }, AF : {
29.                    type : "number"
30.                }, TP : {
31.                    type : "number"
32.                }, TF : {
33.                    type : "number"
34.                }
35. 
36.            }
37. 
38.        }
39.    }
40.});
Alexander Valchev
Telerik team
 answered on 27 Mar 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
DropDownTree
ListBox
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
Styling
ColorPicker
Pager
Chat
MultiColumnComboBox
Dialog
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Accessibility
Effects
Licensing
PivotGridV2
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
LLM Kit
+? more
Top users last month
Tien
Top achievements
Rank 1
Iron
Krasimir
Top achievements
Rank 3
Bronze
Iron
Iron
Cedar
Top achievements
Rank 1
Iron
Emil
Top achievements
Rank 1
Iron
Kyle Watson
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Tien
Top achievements
Rank 1
Iron
Krasimir
Top achievements
Rank 3
Bronze
Iron
Iron
Cedar
Top achievements
Rank 1
Iron
Emil
Top achievements
Rank 1
Iron
Kyle Watson
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?