Questions on Kendo UI for jQuery Forum

3 answers

169 views

Hi,

We're trialing Kendo UI Mobile for an iOS app targeted for the iPad. The pane navigation in the SplitView doesn't seem to be working. Navigating within the same view works but links with the target set to the other pane don't work. There are no errors in the console.

Tried with v2013.2.626 and v2013.1.514, also using jQuery 1.9.1 and RequireJS. The online demo works in the browser but not in the contained app. Please advise. Thanks

<div data-role="splitview">

<div data-role="pane" id="side-pane" data-layout="side-default">

<div data-role="view" data-title="Level 1" id="menu-root">

<ul data-role="listview">

<li><a href="#menu-sub" >Sub Menu</a></li>

</ul>

</div>

<div data-role="view" data-title="Level 2" id="menu-sub">

<ul data-role="listview">

<li><a href="#test" data-target="main-pane">Test</a></li>

<li><a href="#messages" data-target="main-pane">Messages</a></li>

</ul>

</div>

<div data-role="layout" data-id="side-default" >

<div data-role="header">

<div data-role="navbar">

<span data-role="view-title"></span>

</div>

<div data-role="pane" data-layout="main-default" id="main-pane">

<div data-role="view" data-title="Test" id="test">

<p>Test!</p>

<a href="#messages" data-role="button">Go To Messages</a>

</div>

<div data-role="view" data-title="Messages" id="messages">

<p>Messages!</p>

</div>

<div data-role="layout" data-id="main-default">

<div data-role="header">

<div data-role="navbar">

<span data-role="view-title"></span>

</div>

SplitView

answered on 17 Jul 2013

1 answer

23 views

custom splitview theme on kendo ui mobile

(1)I have used mobilethemebuilder http://demos.kendoui.com/mobilethemebuilder/index.html , but is' s only for phone not for tablets , not have splitview widget ,how to custom splitview ? add navbar and splitview left side parting line like native widget ,see my attach pic

(2) comapre with kendoui mobile for ios and android, the android theme is more clunky than ios , making fine detail difficult to distinguish and colors to become muted

SplitView

answered on 29 Jun 2013

0 answers

72 views

View's data-show only firing once - within SplitView Pane

Hello,

I'm unsure why but the side Pane within a SplitView, containing a view, is only calling it's data-show function once. It is not being called upon navigation to the view a second time. I've stripped the following code down to keep it simple.

<div data-role="splitview" id="events-split-view">

<div data-role="pane">

<div data-role="view" data-show="testDataShow">

Side Pane

</div>

<div data-role="pane" data-layout="main-default">

<div data-role="view">

Main Pane

</div>

<div data-role="layout" data-id="main-default">

<div data-role="header">

<div data-role="navbar">

<a data-role="button" href="#contact-details-view" data-align="right" data-target="_top">Go back</a>

</div>

<script>

function testDataShow() {

alert("View's data-show called");

}

</script>

Solution
The data-show needs to reside on the data-role="splitview" element rather than the view itself.

SplitView

asked on 13 Jun 2013

3 answers

101 views

spliteview Set pane width proportions not work

i download Kendo UI Complete v2013.1.514

according to http://docs.kendoui.com/getting-started/mobile/splitview documention , Set pane width to 300px or change the proportions to 1:3

this dosen't work ,that's why?

SplitView

answered on 21 May 2013

5 answers

64 views

Hide Splitview

Hi guys,
Im currently having a project using a splitview..but Im having a difficult problem with the splitview. Because I want the split view hide first and call it in a button..Im paste the codes of splitview in a Page or View container but Its doesnt work. Can you help me guys.Thanks

SplitView

answered on 17 Apr 2013

1 answer

38 views

Splitview proportions wrong

Hi,

Since updating to the latest 2013Q1 release the splitview widget has broken. The side-pane is now taking up the larger proportions and the main pain is smaller. This works fine on browser testing, but on an actual iPad using iOS 6.1.2 it is incorrect. I have confirmed it is not my code as the same issue is present with the online demos viewed using an iPad.

I have attached a screenshot from the ipad.

Cheers

SplitView

answered on 21 Mar 2013

5 answers

128 views

SplitView sample project- displayOrder called only once

I modified the displayOrder function to display orders of currently selected product and it seems like it's called only once for the first selected product. To display orders of a different product I have to refresh the page and start all over again.

function displayOrder(e) {
alert(e.view.params.ProductID);

splitViewOrderDetails.filter({
field: "ProductID",
operator: "eq",
value: parseInt(e.view.params.ProductID)
});

splitViewOrderDetails.read();
}

Thanks,
Alex

SplitView

answered on 05 Mar 2013

6 answers

294 views

popover and modalview close on input element focus when opened from a splitview on Samsung tab 10 Android ICS

Hi there,

I have an issue with the stock browser on the Samsung tab 10.1 whereby the device renders what looks to be a native textview over the html input tag when it receives focus. When receiving focus the popover and modalviews both close immediately. The popop or modalview do not close when not using the splitview.

See these videos.

Working without splitview
http://sdrv.ms/13i1Blz

Closing immediately with splitview
http://sdrv.ms/13i1CpE

I am using the modalview index.html directly from your samples. With the splitview/modalview page, I have dropped the Modalview code into the splitview index.html. See attached

I do not experience this problem on the google nexus 7 tablet using chrome.

Side Note: Would you happen to know whether I can disable this rendering behaviour on this Samsung device? I have noticed other Samsung specific UX behaviour in the browser, in particular drop down select lists draw completely different, so turning this off would be ideal.

Given its only happening via the splitview, i suspect it could be fixed/addressed by your product, if not, are you able to provide an explanation as to what order of focus/hide events could be happening on this tablet that makes the browser behave like it is which I can then pass onto a ticket with Samsung.

Thanks.

SplitView

answered on 16 Jan 2013

4 answers

109 views

Splitview with single footer

Hi , I 'd like to ask if its possible to have a single footer with icons centered in a page with splitview and how , so far I have only managed to have 2 separate footer for splitview page

SplitView