jQuery Forum

Re: jquerymobile splitview plugin discussion

2 years ago

@cannelair
You'd look at http://asyraf9.github.com/jquery-mobile/#context

HTH

marcohj

Re: jquerymobile splitview plugin discussion

2 years ago

Great Plugin!

Any explanation how i can load full external pages and only replace panel "MAIN" with panel "MAIN" ?

If i use data-panel="main" i correctly loads the page into the right panel, but it loads "MENU" from the new site, instead of "MAIN".

Is this possible?

asyraf9

Re: jquerymobile splitview plugin discussion

2 years ago

Hi folks,

thanks for all the compliments, we've still got a lot more to go before it becomes truly polished and working well - lots more coming, including a grid css that will collapse into a single column when in mobile view (which is already available in the repo btw - docs will come later :-) ).

cannedair, I think what you need is data-context, which you can find out about in the link provided by erixtekila.

marcohj, can you explain more what it is you needed done? i'll do my best to help. :-)

Asyraf Abdul Rahman,
CEO, CS8,
www.cs8.my

Re: jquerymobile splitview plugin discussion

2 years ago

@asraf9 May I repost the message you sent me ?
I think it's a nice overview of the data-context use.

asyraf9

Re: jquerymobile splitview plugin discussion

2 years ago

@erixtekila sure thing :-)

over the weekend i've done a lot of bug fixing (not yet committed to the code tho - will do that today) but one major bug we discovered was that using scrollview.js messes up all the click and tap bindings - things just go crazy after that - tap and clicks just no longer responds after a while.

temporarily, I'm thinking of switching to a new scroll plugin. any suggestions as to a good scrolling plugin is greatly appreciated. i can work on iScroll for now, but it doesn't provide a good native-like scrolling feel to it.

Asyraf Abdul Rahman,
CEO, CS8,
www.cs8.my

Re: jquerymobile splitview plugin discussion

2 years ago

so here's how data-context works, it takes a value of a jquery selector - meaning you can tell jquerymobile how to find the link you want triggered for the other panel after you change a page in a certain panel.

for example -

let's say i change to page 'a' in menu, and in page a there are a list of emails. i want the 'main' panel to change to the first unread message in the list, which are given a class="unread"

therefore i would give data-context a value of ".unread:first"

lets say i want it to display a specifice message - let's say all my messages are given a specific id value based on it's database id, (e.g. id="54") then i could do:

data-context="#54"

so you have the whole jquery selector in your hand to be able to specify what link you want activated when a page changes. the only requirement when jquery uses these selectors, they return an <a> tag that can have a click event triggered on it, and the <a> tag, as usual has the other panel defined in its data-panel attribute.

also, you can define data-context on the panel, and you can also define it on a specific page - when a page has data-context, it will override any data-context attribute defined on the panels.

finally, coming soon, I'm currently working on letting data-context take a hash like so:

<div data-role="page" data-context="url:'/users', panel:'main', refresh:'true'">

this allows you to define data-context without having an <a> tag defined in your page.

stay tuned! and all the best! hope this helps!
Asyraf

--
Asyraf Abdul Rahman

ThunderSt..

Re: jquerymobile splitview plugin discussion

2 years ago

Hi! All,
I am not able open 'http://asyraf9.github.com/jquery-mobile/#context' , getting server error. Is there is any other demo page link?

~ praveen@zenith

ajazkhan

Re: jquerymobile splitview plugin discussion

2 years ago

@Asyraf Abdul Rahman:

The plugin is indeed awesome though I feel it needs documentation as well. I just want to know the following:

1. In the main frame I have a page that contains a link pointing to the dialog as

<a href="./chart2.html" data-rel="dialog" data-transition="pop" data-role="button">Chart Here</a>

However, after I click the link the chart page is popped up but in the frame area (main frame) alone.

What I want that the chart page (dialog) get popped up in the page covering the entire layout........

Can you shed some light?

Thanks

ajaz

anotherbr..

Re: jquerymobile splitview plugin discussion

1 years ago

I thought the same thing with. And this.

1. write dialog like this

<div id="mydialog" data-role="dialog" role="dialog" data-theme="a">
<div data-role="header" data-position="fixed"><h1>dialog test</h1></div>
<div data-role="content">
It's fine today.
<a href="#" data-role="button" data-rel="back" data-theme="c">Close</a>
</div>
</div>

2. open dialog like this

<a href="#mydialog" data-role="button" data-panel="main" data-transition="pop" data-rel="dialog" data-theme="b" data-icon="plus" data-iconpos="notext">Open Dialog</a>

3. change jquery.mobile.splitview.js line 263

// $(window).bind('orientationchange resize', function(event){
$(window).bind('orientationchange resize', $.mobile.orientationchange = function(event){

4. mobileinit

$(document).bind("mobileinit", function(){
$('#mydialog').live('pagebeforeshow',function(event, ui){
$(window).unbind('orientationchange resize', $.mobile.orientationchange);
$.mobile.orientationchange({orientation:'portrait'});
});
$('#mydialog').live('pagehide',function(event, ui){
$(window).bind('orientationchange resize', $.mobile.orientationchange);
$(window).trigger('orientationchange');
});
});

line 7.

That transition is the more smart than pagehide pagebeforehide, when closed portrait, the close button in the header, [Back] would have been replaced. So, it is pagehide.

try.

asyraf9

Re: jquerymobile splitview plugin discussion

1 years ago

hi folks,

sorry for the long silence - took about three weeks vacation and sick leave - splitview is back, i'm going to build it for beta 1 (or beta 2) - and will put in enough docs for everyone to get it to work this time :-)

cheers!

Asyraf Rahman,
CEO, CS8,
www.cs8.my

gavindw

Re: jquerymobile splitview plugin discussion

1 years ago

Hi Asyraf,

Great product!

However, I have a problem :

Jquery mobile controls I add don't respond to mouse clicks correctly.

For example, the control group below shows, but you cannot click on the second choice. Same thing happens with search input box. Once you start typing, a cross appears to clear the search box, but if you click it, it does nothing! Please help. I added this to one of the content pages on your demo site code for testing.

<div data-role="fieldcontain">
<fieldset data-role="controlgroup" data-type="horizontal" >
<input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked" />
<label for="radio-choice-1">Code</label>
<input type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2" />
<label for="radio-choice-2">Name</label>
</fieldset>
</div>

Re: jquerymobile splitview plugin discussion

1 years ago

Hi @asyraf9,

data-rel="dialog" doesn't work.
Something to do with your changes in the changePage method ?
They appears as normal pages.

carterdig..

Re: jquerymobile splitview plugin discussion

1 years ago

Hey Asyraf

Awesome plugin, thanks for producing this.

Any news on when we can see a jqm beta 1 /2 version?

Re: jquerymobile splitview plugin discussion

1 years ago

@asyraf9,

I want to use the splitview in the portrait mode as well. I am looking at 2 options
a) minimize the width of the "menu" panel in portrait mode
b) split the screen vertically in portrait with the "menu" panel at the top and the "main" below

Are these possible? If possible a pointer on where I would have to make the changes.

Re: jquerymobile splitview plugin discussion

1 years ago

hi,

if you want to use splitscreen in portrait as well, look for this piece of code in the splitview.js

if(event.orientation){
      if(event.orientation == 'portrait'){
            popover(); 
      } 
      else if(event.orientation == 'landscape') {
            splitView();
      }
else if($window.width() < 768 && $window.width() > 480){
      popover();
      }
else if($window.width() > 768){
      splitView();
      }

Try setting If-portrait to splitview() as well

If you want to change the width of the menu panel, you will have to edit the splitview() ( and popover()? ) functions, where css is set to

.css({'width':'25%', 'min-width':'250px', 'display':''});

Vertical split... I have not tried. Just play around with the css and see what happens.

Rgs,

Frequent

Re: jquerymobile splitview plugin discussion

1 years ago

Thanks for the quick reply. Exactly what I wanted. I will play with the css and see if I can get the vertical split to work.

Re: jquerymobile splitview plugin discussion

1 years ago

Let me know how the vertical split turns out.

Rgs,

Frequent

Alex

Re: jquerymobile splitview plugin discussion

1 years ago

I have seen your post here: http://forum.jquery.com/topic/suggestion-allow-overriding-of-plugins-during-init

What is the status here ? I think your "plugin" is great but is not really ... a plugin ;) It requires a modified jQM and that's blocker for us to use it.
I think you did a good job in the other thread trying to reference the extension points. I know that jQM guys have a lot other things to do, but would be great to have them in Beta 2 so that Splitview becomes a real plugin that we can contribute to.

Regards,
Alex

Re: jquerymobile splitview plugin discussion

1 years ago

Hm…
why not fork the source and contibute then ?
https://github.com/asyraf9/jquery-mobile/

my 2 cents.

Alex

Re: jquerymobile splitview plugin discussion

1 years ago

I prefer to know the status first. Maybe this is already in the pipeline.

Re: jquerymobile splitview plugin discussion

1 years ago

Alex,

Check for yourself :
http://twitter.com/#!/asyraf9

;)

Re: jquerymobile splitview plugin discussion

1 years ago

hi, @frequent here is a link to the vertical split demo http://makeadent.0fees.net/ver.html. Files attached. Ultimately I plan to eliminate the top bar for the main panel and use a custom layout.

Is there anyway to load new content in both the menu and the main panels when a link is clicked in the menu panel? If this is not possible, how can I load a new page with the new menu and the main panels in the same tab when a link is clicked?

Thanks

Attachments

ver.zip
Size : 6.39 KB Download : 1928

Re: jquerymobile splitview plugin discussion

1 years ago

hi rambo0,

your link leads to a normal (horizontal) split demo. Nothing vertical there. Is the link correct?

To load a page in menu AND a corresponding page in main panel you can use the data-context="a#default" attribute (see menu> features>context loading in splitview demo). So if you load a new page in menu with <a href="new page in menu" ... you can add the data-context="a#ID of new page in main" atrribute inside the link calling the new menu page.

Rgs,

Frequent

Re: jquerymobile splitview plugin discussion

1 years ago

@frequent, the link is right. I am able to see the vertical split in the portrait view. I check this by resizing the browser window as I do not have a device with me currently. Are u viewing the page on a tablet or desktop?

I had missed the context loading demo as its not there in what i downloaded from github. I just saw that its already been discussed on the page. But stupid me cant get it to work.

This is what I'm doing. Added this to the menu panel in the 1st page
<li><a href="menu2.html" data-panel="menu" data-context="a#main2">Page 2</a></li>

Added this in menu2.html inside div data-role="content"
<a href="main2.html" data-panel="main" id="main2">main2</a>

When I click "Page 2" in the menu panel, only the menu panel gets updated and not the main panel. Can u pls help out with whats wrong?

Thanks

Re: jquerymobile splitview plugin discussion

1 years ago

@rambo0: Sorry, I missed yours, too :-)

I have not tried the data-context myself, but check the source code of splitview demo page:

From what I understand you should not put the data-context in a link, it only goes into the panel or the page. On the page you then need a link to #foo which also needs to have data-panel="main", like so:

div data-role=page data-context=a#foo
...
a href=#foo data-panel=main

Try this :-)

Rgs,

Frequent

phil.hsr

Re: jquerymobile splitview plugin discussion

1 years ago

SOLVED: You need to include an onClick event in the <a> to call javascript

I have stumbled into what appears to be a bit of a bug, when you call a javascript function in href it seems to break on iOS. This code works 100% in chrome and android but not iOS :s

<div data-role="content">
<strong>Welcome to learnSAP</strong>
<ul data-role="listview" data-inset="true">
<li data-role="list-divider">Home</li>
<li><a href="javascript:scores()" data-transition="fade">My Scores</a></li>
<li><a href="http://www.google.co.uk" data-transition="fade">Email Lecturer</a></li>
<li><a href="#" data-transition="fade">Course Info</a></li>
</ul>
</div>

Neither the javascript or url works in iOS? have i done something wrong? as calling javascript in a button seems to work fine, but in a list it breaks?

Re: jquerymobile splitview plugin discussion

1 year ago

It works for me when using onclick instead.

<li><a onclick="scores();" data-transition="fade">My Scores</a></li>

Re: jquerymobile splitview plugin discussion

1 year ago

I want to use the jquery cycle plugin to display an image slideshow in the splitview main panel. I am only able to get it to work if the panel that has the slideshow is in the html page that's loaded first.

How do I get the slideshow to work in html pages that are loaded later?(i mean pages that are loaded by clicking a link on the menu panel)

planetrum..

Re: jquerymobile splitview plugin discussion

1 year ago

How should I handle redirecting to a previous page when submitting a form?

For example, I have a form page visible in the main panel with the following script:

<script type="text/javascript">
  function onSuccess(data, status) {
       $.mobile.changePage( "#newPage.html", { transition: "slideup"} );
}
  function onError(data, status)
{
  // handle an error
}
$(document).ready(function() {
$("#stateaction_submit").click(function(){
  var formData = $("#stateActionForm").serialize();
$.ajax({
type: "POST",
url: "mysubmiturl",
cache: false,
data: formData,
success: onSuccess,
error: onError
});
  return false;
});
});
  </script>

The call to $.mobile.changePage shows the new page but the form page also remains visible.

Is there a different way to programmatically change pages after a successful form submission?

Re: jquerymobile splitview plugin discussion

1 year ago

Hi. After updating to the latest version (fork including JQM beta 2 pre) I'm no longer able to remove the back button on certain pages. Before the update data-backbtn="false" (set directly on the header) worked fine. Obviously JQM changed the attribute to data-add-back-btn="true" which has to set to the page element now (where no back button is the default).

Is anyone else facing this issue?

planetrum..

Links not working when using rel=external

1 year ago

In some cases when an anchor has rel="external" applied the link does not work on mobile devices (Playbook, Xoom). The links that don't work still turn blue (ie. become active) which leads me to believe the the click event is at least being captured. The confusing part is that I do have other links with rel="external" that do work.

The links which don't work are in either the "menu" or "main" panels. External links that do work are located in a global header outside of the menu and main panels.

My basic body layout looks like this:

< body >



      < div data-role = "header" class = "ui-bar-c ui-header" role = "banner" style =" border-bottom : solid 1px black ;" >



         < h1 class = "ui-title" role = "heading" aria-level = "1" >Title </ h1 >

      </ div >

< div data-role = "panel" data-id = "menu" data-hash = "crumbs" style =" top : 41px ;; overflow : hidden ;" >

      < div data-role = "page" data-theme = "c" >

            < div data-role = "header" data-backbtn = "false" >

            </ div >

            < div data-role = "content" >



            </ div >

      </ div >

   </ div >

   < div data-role = "panel" data-id = "main" style =" top : 41px ;; overflow : hidden ;" >

       < div data-role = "page" ></ div >

   </ div >

</ body >

I should also point out that these rel="external" links work fine on desktop browsers (Firefox, Chrome).

Any ideas why this may be occurring or how to workaround the issue? Could I trap the link's click event and perform my own custom click handler?

Re: jquerymobile splitview plugin discussion

1 year ago

Hi Asyraf

I just read about the new feature "Dynamic Page Generation" in JQM beta 3 [0]. This sounds pretty interesting. Are there plans to lift SplitView's JQM to the latest (beta/RC) release soon?

[0] http://jquerymobile.com/test/docs/pages/page-dynamic.html

dp1971

Re: jquerymobile splitview plugin discussion

1 year ago

Hi Asyraf, This is very gerat plugin. Now I find a bit-of-problem. I read through all of above posts but did not found a solution. I opened the demo page in CHROME browser (http://asyraf9.github.com/jquery-mobile/), clicked on DEMOS, then clicked om MAIN and then back on DEMOS, and it crashed out. Any suggestions.Best regards to the developer

Re: jquerymobile splitview plugin discussion

1 year ago

hey dp1971,

this link leads to the splitview version for JQM alpha4.

Try checking the source on Github, switch to branch "beta3" and get the latest splitview version. Maybe/probably been taken care off (I'm using b3 version and although I don't have the same setup as the demo file, it works well)

Regards,

Frequent

yoshimura..

Re: jquerymobile splitview plugin discussion

1 year ago

Hi

Is it possible to use changePage() instead of using ordinary <a> tag?

What I want to do is as follows:

1. Click a button on main panel

2. run some function and changePage() to show new page on main panel (menu panel should not refresh).

but when I use changePage(), menu panel is refreshed(and show blank panel), and main panel is not refreshed and simply visualize new page on it.

Is there any way to use changePage() method with splitview or any alternatives?

It should be some javascript code, not html tag.

sorry for my bad English.

thanks

Re: jquerymobile splitview plugin discussion

1 year ago

have you tried adding data-panel="main" to the changePage call?

I don't know if this works, but it should be something along the lines of

$.mobile.changePage( "#somewhere", {
                transition: "slide",
                panel: "main"
                });

Perhaps also

$.mobile.changePage( "#somewhere", {
                transition: "slide",
                target: "main"
                });

Check the splitview.js to see which parameters are passed to the changePage function and then include them in your pageChange call.

Rgs,

Frequent

yoshimura..

Re: jquerymobile splitview plugin discussion

1 year ago

Thank you for the reply.

I finally get this to work!

What I have done is to copy the code from splitview.js(line number: 281-286).

$.mobile.pageContainer=$("#nextPage");
$.mobile.changePage($("#nextPage"), {
                        fromPage: $("#currentPage"),
                        transition: "slide",
                        reverse: false,
                        changeHash: false,
pageContainer: $("#nextPage")
                        });
$.mobile.activePage=$('div:jqmData(id="main") > div.'+$.mobile.activePageClass);

www.dataclinica.net/jqm-split

Re: jquerymobile splitview plugin discussion

1 year ago

Hi,

Still getting the blank page with the above fix, any suggestions??

What value should be provided for currentPage?? I am clicking on the left navigation menu item.

Thanks,
Balaji

philipdri..

Re: jquerymobile splitview plugin discussion

1 year ago

Hi,

I'm using the latest version of splitview in the rc1 branch of github, which uses the jquery.mobile-1.0rc2pre.js version of jQuery Mobile.

There seems to be an issue with the popover when transitioning from landscape to portrait mode. If I launch the app in portrait mode, the popover button is present and works. If I move to landscape then back to portrait, the popover button disappears.

Do you have any ideas on how to make the button visible again?

I have attached the code for the page concerned.

Thanks for any help you can provide.

Attachments

index.txt
Size : 3.27 KB Download : 1925

paranedag..

Input form not working

1 year ago

Congratulaciones for this work is very good job. One question, why the input of any type in a form only works when the page recent load. When the page is back or front using menu on left side, the form is not working, any click nothing happen.

Sample in www.dataclinica.net/ios

Use clientes menu -> Nuevo cliente

Thanks again.

yoshimura..

Input form not working

1 year ago

use scrollview.js in experiments/scrollview. this will solve your problem.

paranedag..

Re: Input form not working

1 year ago

Thanks yoshimurasei for response, i have modified the demo and added input form in the link.

the input form is disabled in menu panel and in main panel only in first load of page. when go back and forth the page in main panel, the form is not functioning.

Note: this happen in iPad with iOS 4.3 and 5, in desktop browser is fine.

Update: i tested the forms input in jquery mobile 1.0rc1 and 1.0b1pre and its OK. But definitively is not function with splitview, tested in a recent fork from github.

In recent test the input that not function are:

Text input

Textarea

Search

Slider

Please any idea?

Re: jquerymobile splitview goes away on an iPad?

1 year ago

I am liking the functionality and it looked fine at larger resolutions in different browsers but when I display my prototype and the splitview demo (http://asyraf9.github.com/jquery-mobile/) on the iPad emulator, the splitview goes away and is replaced with a Popover menu. Is there anyway (in the CSS I assume) to force the layout to stay in a splitview so I get the splitview on an iPad?

Re: jquerymobile splitview goes away on an iPad?

1 year ago

Sorry, it turns about the I was in the portrait orientation on the iPad emulator. When I go to the landscape orientation, it looks great! So is there anyway to lock the orientation into landscape?

Re: jquerymobile splitview plugin discussion

1 year ago

Yes. check the splitview plugin and search for the section that fires either splitview() or popover() depending on orientation and screen size. Tweak it to always go to splitview() mode.

cazforeman

jQM Core Changes for SplitView

1 year ago

Excellent plugin !!

Would it be possible to publish what changes are made to jQM core - as we test against the latest jQM build this would be really helpful.

The SplitView plugin 'Readme' states that it is only 3 lines of code which have to be changed - understandably this may vary between jQM releases (especially at the speed they are currently releasing !) - but an indication of what requires changing - say in jQM 1.0 release would be great.

jQM Core Changes for SplitView

1 year ago

Look for the fixedToolbar function in JQM = $.mobile.fixedToolbars... and unbind the events in there. I think it was all events (check the splitview-JQM to make sure). I haven't checked on the code for a while.

scotth20

jQM Core Changes for SplitView

1 year ago

I agree, this is an excellent plugin.

I am also seeking to make this plugin compatible with jQM 1.0. I will play around with @frequent's suggestion and see what I get. Basically, I want to find the modifications I can make to the jqm core.js file to make the examples work with the latest jqm.

Please post your findings if you are successful!

Re: jquerymobile splitview plugin discussion

1 year ago

@scotth20: For plain copy&paste: easiest would be to using something like notepad++ open splitview.jqm and rc1.jqm > extension>compare to view them side-by-side with differences highlighted. Paste differences into 1.0 and you should be good to go as long as you stay inside the splitview page.

If you are looking for a "splitview JQM 1.0", you can also try the plugin I'm currently working on. It's a multi-panel plugin (splitview, popup-panels) and tries to tightly integrate with JQM, so you can use it on desktop, tablet and mobile. It's on 1.0 (also customized) and still work in progress though. Github and Demo

scotth20

Re: jquerymobile splitview plugin discussion

1 year ago

@frequent: I will do your suggestions. Also, I have studied your plugin already and I really liked it...didn't realize you were working on it! I especially liked the way you implemented multipanels. I will definitely work more with your plugin along with splitview.

Re: jquerymobile splitview plugin discussion

1 year ago

Hi,

@frequent : Your plugin generate a bunch of js errors.
Are you working on it actually ?

Thanks.

Re: jquerymobile splitview plugin discussion

1 year ago

@erixtekila: yes, currently working on it. the demo sometimes is my sandbox...everything should be back to normal now.

Re: jquerymobile splitview plugin discussion

1 year ago

Thanks for the great input! It was very helpful especially the suggestion to look for the splitview() or popover() methods. This worked for me.

But another question: How do I get rid of the "Back" button on the panels? I saw this note from the documentation:

"This uses the data-hash attribute on the panels. It takes three options - 'true','false', and 'crumbs' with true as default. The 'crumbs' setting changes the panel's back button into a button that points to the previous page, and disables jQMobile from tracking the panel's history"

So I set the "data-hash" attribute to "false" but the Back Button still shows. I have tried to understand the code in jquery.mobile.splitview.js but nothing seems to work.

Any help would be appreciated!

Re: jquerymobile splitview plugin discussion

1 year ago

We run into the same problem though in still in beta2. In the end I fixed it workaround wise and did simply hide the button.

.ui-header .ui-btn.ui-crumbs {
display: none;
}

Re: jquerymobile splitview plugin discussion

1 year ago

Thanks for the reply but I couldn't get this CSS code (to set the display to none) to work. I tried every variation I could think of (using Firebug and the Safari Inspector to id the classes involved). So I ended up hacking the jquery.mobile-1.0a4.1js file and commenting out the insertion of the Back button done in this fragment:

// auto-add back btn on pages beyond first view
if ( o.addBackBtn && role === "header" &&
$( ".ui-page" ).length > 1 &&
$elem.jqmData( "url" ) !== $.mobile.path.stripHash( location.hash ) &&
!leftbtn && $this.jqmData( "backbtn" ) !== false ) {

var backBtn = $( "<a href='#' class='ui-btn-left' data-"+ $.mobile.ns +"rel='back' data-"+ $.mobile.ns +"icon='arrow-l'>"+ o.backBtnText +"</a>" ).prependTo( $this );
					
//if theme is provided, override default inheritance
if( o.backBtnTheme ){
backBtn.attr( "data-"+ $.mobile.ns +"theme", o.backBtnTheme );
}
}

I am not thrilled about customizing JQM but it does work for now. It would be nice if the future releases of JQM would support the non-display of the Back button.

Thanks!

http://asyraf9.github.com/jquery-mobile

Re: jquerymobile splitview plugin discussion

1 year ago

As a following on to this, I do need a Back button but only on some pages. In this case, I am using Splitview for JQuery Mobile:

But I only want the Back button on the Left side of the splitview. Here is an example. On this page, pick the "About" button and the left-side will transition to the <LI> child under the <UL> that follows the list item "About". So the HTML contains nested list items:

http://asyraf9.github.com/jquery-mobile/#aboutus

Since I got rid of the Back buttons (as posted previously), I need a way to add one in this special case so that the user can navigate back. But I don't want a Back button on the right-hand side of the splitview because I think it confuses the user. I have tried intercepting some of the events like pageshow and pagechange but I can't figure out how to identify this specific case.

Any help would be greatly appreciated!

Re: jquerymobile splitview plugin discussion

1 year ago

Hi,

I want to start using splitview in the RC1 branch of Github ( https://github.com/asyraf9/jquery-mobile/blob/rc1/experiments/splitview/index.html )

but I can not find the jquery.mobile-1.0rc2pre.js script anywhere. I read something about "make" file but I do not have Xcode on my Macbook Air.

Can anyone point me to a link to download this version?

Looking for

../../compiled/jquery.mobile-1.0rc2pre.css

and

../../compiled/jquery.mobile-1.0rc2pre.js

Thanks,

Dave

austincr8

Re: jquerymobile splitview plugin discussion

1 year ago

@frequent,

I am using your mutliview plugin on a 7 inch tablet and it works well except in portrait view the menu is below the collapsed div on the first panel and when in landscape mode it changes to fullview instead of doing the split screen. How do I make the menu split on landscape regardless of the popup size? How do I get the menu to display on the top bar in on the 7 inch tablet? Thanks for your help. This plugin is awesome!

fromPage.data( "page" )._trigger( "...ehide", null, { nextPage: toPage } );

Re: jquerymobile splitview plugin discussion

1 year ago

I was able to get the Back button display I wanted by taking one of the earlier suggestions to use CSS but combining that with the following JavaScript for a pageshow event:

<script type="text/javascript">
var homebutton = '<a href="/" style="width:80px;" rel="external" data-icon="home" data-iconpos="left" data-direction="reverse" class="ui-btn-right ui-btn ui-btn-icon-left ui-btn-corner-all ui-shadow ui-btn-up-a" data-theme="a"><span class="ui-btn-inner ui-btn-corner-all"><span class="ui-btn-text">Home</span><span class="ui-icon ui-icon-home ui-icon-shadow"></span></span></a>';
$('[data-role=page]').live('pageshow', function (event) {
// Hide the Back buttons
$("div.ui-bar-a > a").css("display", "none");
// Turn the left pane back button on and change the text to Home
$('a[data-icon="home"]').css("display", "block");
// Replacing the nodeValue with "Home" did not work so insert an HTML Home button
$('a[data-icon="home"]').replaceWith(homebutton);
});
</script>

savister

Re: blank pages if clicked again before slide transition completes

1 year ago

Has anyone else encounter this?

When I click on the side menu to slide the main content, prior to the slide finishing transition, if I click on the menu again, the screen goes blank and the app breaks.

Firebug shows this error:

fromPage.data("page") is undefined

Re: jquerymobile splitview plugin discussion

1 year ago

hey savister,

are you running splitview or multiview plugin? Are the pages hidden or removed from the DOM (check on Firebug)?

Your referenced line of code inside JQM fires the pageHide event and dropping of the page. In regular JQM, this is no problem... go on page A, go to page B, page A will be hidden and dropped from the DOM.

In multiview this is trickier (not sure about splitview) , because "page B" may be a page inside the menu, so basically it's sitting inside another page. So if pageHide fires and you don't stop it from dropping the wrong page, you may go partially or fully blank.

In multiview I'm adding data-internal="true" to all pages inside the plugin and tweak JQM to also check for this like so:

    if ( !$(fromPage).jqmData('internal-page') ) {

fromPage.data( "page" )._trigger( "hide", null, { nextPage: toPage});
}

This way you are making sure, you are not accidentally dropping a panel page during transition.

Another fix would be to just add data-dom-cache="true" to the page you want to keep.

Do any of these help?

Cheers

Frequent

admireravi

Re: jquerymobile splitview plugin discussion

1 year ago

I got a serious problem here with the split view. I have a textarea in the main panel inside data-role="content". While tapping on the textarea, keyboard does not appear on the iPad where as in the desktop browsers(chrome, mozilla and safari) it works fine.

When i place the textarea tag in the footer or in the header than it works fine.

Did any one got this issue. Please help.

Re: jquerymobile splitview plugin discussion

1 year ago

I too, am having issue with forms. They seem to load fine but you can not interact with any of the controls.

I tried..

jquery.load method.

Linked page method

and embedded in the main div.

Either I get plain old regular forms or I get the query mobile forms but I can not interact.

I would like to have the jquery mobile forms working.

Does anyone have an example of forms working in Splitview?

Thanks,

Dave

cwmalls

Re: jquerymobile splitview plugin discussion

1 year ago

Thank you for your knowledge! It's good for my work!

________________
cwmalls
cwmalls.com-A B2C platform

admireravi

Re: jquerymobile splitview plugin discussion

1 year ago

Another problem with this plugin.

When the page on the right panel is loaded first time that it scrolls perfectly. But when it is loaded the next time, then the page doesn't scroll. It only scrolls to few pixels. When i change the orientation of my iPad than the scrolling works fine.

I am getting scrolling issues ever since i have used this plugin. Did any one else faced the same issue. If someone was able to fix that then Please let me know the solution for this.

Re: jquerymobile splitview plugin discussion

1 year ago

So,

Does anybody have Jquery Mobile forms working in Splitview?

Any examples?

Thanks,

Dave

mliga

Re: jquerymobile splitview plugin discussion

1 year ago

I think it's not a splitview issue, rather a scrollview issue.
I solved changing this (comments are not related to my changes, I put these there just to identify the point where to change code):

// If we're using mouse events, we need to prevent the default

// behavior to suppress accidental selection of text, etc. We

// can't do this on touch devices because it will disable the

// generation of "click" events.
// XXX: We should test if this has an effect on links! - kin

var nn = this._$clickEle.get(0).nodeName.toLowerCase();

```
var doNotPrevent = false; 
```

doNotPrevent = ( this._$clickEle.hasClass("ui-checkbox") || nn == "select" || nn == "input" || nn == "textarea" ) || ( this._$clickEle.attr("saveclick" ) == "true" ) ;

```
// alert( nn + !doNotPrevent ); 
```

if (!doNotPrevent && ( this.options.eventType == "mouse" || this.options.delayedClickEnabled) ) {

```
      e.preventDefault(); 
```
```
}
```

at the end of the _handleDragStart method; it checks for textareas, input and select; you should add checkbox and voila ..

axo_nive

Re: jquerymobile splitview plugin discussion

1 year ago

Hi its a great plugin. But needs a good documentation. I want to know how to use the popover feature of split view plugin. any guidance would be appreciated

Re: jquerymobile splitview plugin discussion

1 year ago

Yeah! Might have a solution on forms. It has to do with iscroll.js NOT Splitview.

See this thread. http://bit.ly/tu4oII

Read from 26 down. You need to grad the modified iscroll and use that.

Dave

admireravi

Re: jquerymobile splitview plugin discussion

1 year ago

what license do we need to obtain for using this plugin. Or is it a open source.

spectrum24

Re: jquerymobile splitview plugin discussion

1 year ago

This is a dealbreaker --- Native selects dont seem to work at all in the iPad, and custom selects are way off to the right of where they should be... in the menu panel you cant see the select at all cause its way off the panel.

Re: jquerymobile splitview plugin discussion

1 year ago

spectrum24,

works good for me after I adjusted iScroll. See my post above.

Re: jquerymobile splitview plugin discussion

1 year ago

Hello All,

I am trying to get the main panel to scroll down to a specific anchor ( or y position ).

See my Form test above screen shot.

I tried using $.mobile.silentScroll( 900 ) on the main panel but I can not get it to scroll.

Also tried in a pageshow like..

$( document ).delegate("#form1", "pageshow", function() {

//alert('form shown');

$.mobile.silentScroll( 900 )

});

Still no go. Would like this to have a nav bar on top of form that could quickly take the user to lower parts of the form without excessive scrolling.

Any ideas?

Thanks,

Dave

Re: jquerymobile splitview plugin discussion

1 year ago

Hi,

Is there any other places on the interwebs where these questions get answered? It's like using the "Pony Express" around here!! I have not found any other resources for discussing Splitview. Maybe not enough are using it.. idk.

Anyway, A lot of things just don't work in the "main" panel here. What is the magic to making jquery work as expected?

What is true is that I am linking all files as a multi page JQM. When I run these as independent pages, things like $.mobile.silentScroll( ) work as expected, when I launch them using the splitview left menu into the "main" panel, they break.

Please help as I really could use this framework ( and am sure many other could as well )

Dave

Re: jquerymobile splitview plugin discussion

1 year ago

"In space no one can hear you scream."

Or, on this forum, no one answers your posts!

Please help a brother out.. I'm building.

Dave

Re: jquerymobile splitview plugin discussion

1 year ago

Hey Dfafard,

lot of questions :-) Some input. Maybe helps:

> scrolling: since Jquery Mobile does not support anchors (as of now, check their Next and Feature Request page on Github to see whats going on), you have to get by without anchors or come up with your own workaround. Since you are talking about the form page - have you tried to jquery-focus() on an element. Maybe you can also focus() non input-elements. Haven't tried if that works. If the form element is way down, try and see if focus() fake-scrolls you to the respective form element/y-pos.

> main panel: do you mean you are calling a page cross-panel = click menu item to load main page? Is the page you are loading already on board or are you loading it in externally? Have you looked at the silentscroll function inside JQM? It's not that long and from a quick glance I think I know the cause of your problems: If your screen height is... say 600px your main panels height will be 600px (minus header/footer), in splitview so there really isn't that much 900 to scrollTo.

The element that extends beyond the screen height in splitview is your content section, so you would have to try and find a way to call a silentscroll on content, because it won't work, if you call on window or document or main panel since they all should be 600px. This setup is necessary to fix header/footer in splitview on top/bottom of the window and allowing content "to scroll" whereas JQM dynamically repositions header/footer and allows the page to be as long as it needs.

If you want to delve into this, check the JQM docs fixed-toolbar page (it's looong), and use Firebug to see which elements have which height. Body = screen height, Page = longer. That's why you can silentScroll. Check in splitview, your body should be screen height, your page should be as well. That's why you can't silentScoll.

To workaround this, you would have to find a way to silentscroll inside content or check if iScroll provided such a function.

> Where to get help: Sometimes Stack Overflow is quite helpful, although JQM and especially splitview are not widely used. I usually post here and on Stack Overflow :-) .Other than that, you would have to check JQM and splitview on Github or check the code yourself, which I find myself doing most of the time.

Cheers,

Frequent

Re: jquerymobile splitview plugin discussion

1 year ago

Frequent,

Thanks so much for replying.

Yes, I am calling cross panel. Calling an html page from the Menu on left... that is, NOT contained in the index.

I will delve into your text for more clues on getting this to work later tonight. Like I said, silentScroll works fine on the individual JQM page, breaks on the "Main" panel. I will try your suggestions on Focus as well. And I will look at the resources you suggest in your post.

Again, thanks for posting!

Dave

Re: jquerymobile splitview plugin discussion

1 year ago

Frequent,

To "scroll to" a lower portion of my long form, I was able to use this is a div.

Like.. <div class="vetBranchOfService" tabindex="75"> then calling with $(".vetBranchOfService").focus() ;

I tried a form element but it was too obtrusive. It seems you can focus on paragraphs etc using the above method but it MUST contain a tab index.

Thats a quick tip for people looking to do the same.

Question: I am assuming Splitview is "dynamically" assigning the iScroll to the "content" div ?

If I want to use iScroll specific code like myScroll.scrollToElement(".vetBranchOfService", "1s");

How do I define myScroll ? Or, How do I find out the name of the SplitView content iScroll ?

Confused on that one.

Thanks,

Dave

lesterqui..

Re: jquerymobile splitview plugin discussion

1 year ago

Hi,

I have a dude, What its the best option to make a page splitview or multiview plugin?

thanks.

spectrum24

Problem with Selects on Android 3.0

1 year ago

In Android 3.0, selects need to be double-clicked to get the options to show up -- then they show up in the center of the page instead of in the panel they are in, like they do in iOS. If I comment out the splitview.JS, the selects are full width of course, but they work properly with one click. Any ideas how to fix this?

Re: jquerymobile splitview plugin discussion

1 year ago

Asyraf,

Is this project still in the works? I noticed that your split-view demo page is wonky and Github has not been updated in some time.

I was using it but the combo of Splitview, iScroll and Forms was leaking memory like crazy. After 5-10 minutes of use the page would just stop working. Don't know what component above it was but I am giving up for now.

It is a great concept and really worthwhile on a tablet layout. Hope to see you finish it or it gets picked up by the JQuery team.

Dave

Conflict with splitview and Databox

1 year ago

Hello. I'm having trouble using the plugin SPLITVIEW and databox
It should be happening any conflict between the two plugin that does not allow opendatabox to choose the date.

Removing the splitview plugin databox works well.

Any solution for the problem?

Re: jquerymobile splitview plugin discussion

1 year ago

Hi,

It is something to do with how the scrollview plugin handles dragging and events.

Try to comment in its private method _handleDragStart the lines containing stopPropagation and preventDefaut.

if (this.options.eventType == "mouse" || this.options.delayedClickEnabled)
e.preventDefault();
e.stopPropagation();

Tell us is that fix the issue please.

Re: jquerymobile splitview plugin discussion

1 year ago

Hi again

Thanks for the help but can not find private method _handleDragStart. This in where? I searched in the SPLITVIEW and scrollingview files and not found.
Maybe I have not explained my problem well. When I use the splitview plugin in conjunction with the databox plugin the databox plugin does not work. if I remove the SPLITVIEW plugin work normally. I think it is the conflict between the two plugin.

I noticed also that some forms elements not work well with SPLITVIEW. Example combobox with the data attribute-native-menu = "false" does not work.

Something that I must be doing wrong.

Please help me.

Re: jquerymobile splitview plugin discussion

1 year ago

Sorry, I was talking about a past version.

If you are using the 1.0 stable github version located here : https://github.com/jquery/jquery-mobile/blob/1.0-stable/experiments/scrollview/jquery.mobile.scrollview.js , the method is named _handleDragStart
Look at the end of the method @line 341, and comment the :

if (this.options.eventType == "mouse" || this.options.delayedClickEnabled)
e.preventDefault();
e.stopPropagation();

That should fix the forms and other plugins not having input focus.
Please give feedback.

HTH

Re: jquerymobile splitview plugin discussion

1 year ago

DONE

Thanks erixtekila, Work very well.

Daniele C..

Re: jquerymobile splitview plugin discussion

1 year ago

This fix the bug but i think you must not comment the last line:
e.stopPropagation();

Or some other events, like panel switch on linked lists(in my case), will be disabled.

Re: jquerymobile splitview plugin discussion

1 year ago

@wagalidhi you're welcome !
Did you test it on an iPad also ?

That should fix the issue for all other users that had trouble with forms.
The only downside that I saw is the collapsible component that keeps opening and closing in the same time.

I hope the other users will post for their experiences with this fix ?!
Thanks

Re: jquerymobile splitview plugin discussion

1 year ago

@erixtekila

I test just in Samsung Tablet 8.9 and 7. But In tablet 7 does not work fine.

The Scrolling not work.
In 8.9 is ok.

Re: jquerymobile splitview plugin discussion

1 year ago

Another bugfix for all the users that has troubles with their forms with the splitview + scrollview plugins.
Go and uncomment line 519 of the scrollview.js source (https://github.com/jquery/jquery-mobile/blob/1.0-stable/experiments/scrollview/jquery.mobile.scrollview.js), like so :

if (!this._didDrag && this.options.delayedClickEnabled && this._$clickEle.length){
	this._$clickEle
	.trigger("mousedown")
	.trigger("focus")
	.trigger("mouseup")
	.trigger("click");
}

Please submit feedback about this fix.
I'll send this to the jquery-mobile team if confirmed.

Cheers

Re: jquerymobile splitview plugin discussion

1 year ago

erixtekila,

A little confused here. I thought the latest Splitview was using iScroll but you are referencing scrollview ???

What version of Jquery are you using? Do you have a sample page up with the changes ( or could you put up a jFiddle? )

Thanks,

Dave

Re: jquerymobile splitview plugin discussion

1 year ago

@dfafard

Yes, sorry, you're right.
I'm stuck on an old version of splitview + scrollview (jqm 1.0.4a1)

BTW, the trouble with iScroll should be along the sme idea…
Check for event propagation and see if the upper container doesn't stop them for any reason.

HTH

ghostcoder

Re: jquerymobile splitview plugin discussion

1 year ago

Hi, with the current implementation of the splitview plugin we can get only 2 panes, one with data-id="menu" and one with data-id="main"

is it possible to extend the plugin to have 3 panes, as is the norm in tablet apps .

If so, how can i extend the current plugin to get that?

ghostcoder

Re: jquerymobile splitview plugin discussion

1 year ago

how to close a dialog in splitview??

i obviously dont want a window.history.back() as jqm does :(

neilghosh

Re: jquerymobile splitview plugin discussion

1 year ago

I have the following problem.

I am not able to change pages in both the panels at once programatically

http://stackoverflow.com/questions/9190177/jquery-mobile-splitview-mobile-changepage-not-working

Attachments

A.zip
Size : 755 Bytes Download : 1420

Re: jquerymobile splitview plugin discussion

1 year ago

@ghostcoder and 3+ panes:

As long as you stay in landscape on tablet, you could do 3+ panels using CSS only. I haven't tried this before but just configure your panel width and put them side by side using display: inline-block or postition panels absolutely as you want. The navigation in splitview only checks if transition are inside a panel or across panels, so that should more or less work with any number of panels.

The tricky parts are portrait mode = what should happen on smaller screens with each pane (don't ask about panel-history...) Splitview is sticking the menu into the popover button, but if you have pane A,B and C, you need some logic to tell JQM which panel to show when.

Off the top of my head I'd go with:
a) add a third function "side-by-side" besides popover() and splitview(). Override both with side-by-side when panels have a data-side-by-side attribute.
b) Give panels a flex-width = set data-panel-width="xy" on each panel, maybe use JQM grids, BUT beware: you can't nest grids (messes up my CSS).
c) if using grids, you have them side-by-side. Otherwise use display:inline-block and position:static/relative. I prefer the latter, because you can't change grid layouts easily.
d) give all panels a z-index, maybe data-zindex="1,2,3"
e) use media-queries to tweak z-index and panel-width, this way you could determine per screen width, which panel will be on top.
f) write some jquery on pagebeforehide/pagebeforechange(?) that changes the z-index. Try shuffling the z-index before the transition to the new page start, because then both pages (to and from) should be side by side and when the transition starts, the new page slides in and "pushes" the old page out.
g) Make sure to monitor z-index during transitions. I think CSS3 transitions are using z-index 10 on the pages transitioning.

Good luck and please post if you get it to work!

Just some ideas.

ghostcoder

Re: jquerymobile splitview plugin discussion

1 year ago

@frequent, haven't got around to working on the 3 panel thing yet. but would surely extend the plugin in someway. :)

Another thing i couldnt get around to was that why was the splitview plugin made to work only with screens which satisfy the following condition.

var $query = $.mobile.media('screen and (min-width: 480px)') && ($.mobile.media('(-webkit-max-device-pixel-ratio: 1.2)') || $.mobile.media('max--moz-device-pixel-ratio: 1.2)'));
$.support.splitview = ($query || ($.mobile.browser.ie && $(this).width() >= 480)) && $.mobile.ajaxEnabled;

the splitview plugin works for all screens, but there are some scrolling bugs. it doesnt scroll properly. cant we fix those instead of not using splitview plugin entirely if these conditions are not met.

Is there a particilar reason why these conditions were kept?
Please help.

Re: jquerymobile splitview plugin discussion

1 year ago

I'm looking for a way where the content gets loaded through an ajax call into a main content div after a click in the menu at the left side. How can I achieve this?

Re: jquerymobile splitview plugin discussion

1 year ago

@ghostcoder

Not sure why it's set up like this. You will have to ask Asyraf :-)

I assume, because on smaller screens you will have to tackle issues like what to do with popover-menu and it's fixed dimensions. At least change it's dimensions so it becomes a fullscreen page. That's what I'm doing.

Regarding the scrolling I can't help. I'm not using iScroll in my multiview plugin. because my approach on handling the panels is different to splitview. In splitview you are scrolling the content section using iScroll, in multiview you are using hardware scrolling on the page (and scrollview on the menu in splitview-mode only). Try your luck on Github and post an issue.

Regards,

Sven

cwallatx

Re: jquerymobile splitview plugin discussion

1 year ago

Plans to incorporate JQM 1.1?

Re: jquerymobile splitview plugin discussion

1 year ago

I was wondering how I can link to a page which will open out of the split screen (so not in the main- or menu panel but 'fullscreen'). I'm opening this link from the main panel.

Any tips?

ginjoejs

Re: jquerymobile splitview plugin discussion

1 year ago

A very useful plug-in! Thank you!

My Case:

Starting with a page without using a splitview (e.g. for form-only login-procedures as a jump page), the landing page (different file, using splitview) shows up the menu-panel only by 100% width. After calling a reload function the page shows up properly with menu-panel and content-panel.

Tested on Desktop/Firefox, iPad/iOS and GalaxyW/Android.

When jump page is loading the splitview plugin without using panels, the page remains blank.

<head>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
<link rel="stylesheet" href="css/jquery.mobile.splitview.css" />
<link rel="stylesheet" href="css/jquery.mobile.grids.collapsible.css" />
<script type="text/javascript" src="js/jquery-1.7.1.js"></script>
<script type="text/javascript" src="js/jquery.mobile.splitview.js"></script>
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
<script type="text/javascript" src="js/iscroll-wrapper.js"></script>
<script type="text/javascript" src="js/iscroll.js"></script>
</head>

Regards, Joe

Re: jquerymobile splitview plugin discussion

1 year ago

ginjoejs

From what I understand splitview is called on mobileinit, so if you load your first page (your "anchor page") the script runs once.

If you are NOT using rel="external" for loading your second page (rel="external" makes new page the new anchor page) it will be appended to the DOM of the first page. Since the plugin already ran, nothing will happen.

You should look for the following:
a) What gets appended? JQM AJAX grabs the first page only(!). What, if your second page only contains two panels? You will problanly only append the first page of the menu to your DOM
b) Where it gets appended? Normally pages are appended after the anchor page. If you manage to load a panel or two panels, your DOM will include page-panel-panel, which will probably look weird.

Of course, if you refresh/reload you make your 2nd splitview page the new "anchor page", the plugin runs and sets up everything correctly.

How to solve?

Easy way: use rel="external" = no transitions

Hard way: Because splitview panels are just sitting in the DOM, there is no way for JQM to know what goes where, if you start adding pages to the DOM. If you'd put your panels inside a wrapping container you could tell JQM "this is page1", "this is page2 using splitview", "this is page3".... You would then have to modify the plugin to check incoming pages for splitview and run the splitview routines.

I did the above in my multiview plugin:
- I'm wrapping menu/main inside a wrapper-JQM-page, so every splitview page looks like this: wrapperPage-panels-nestedPages.
- This way JQM treats the wrapperPage like a regular page, so you can mix regular JQM pages and splitview pages as you like and append/remove from DOM.
- I'm firing my plugin when the first wrapperPage enters the DOM, so I'm only running a single instance
- I then listen for new splitview pages being loaded and fire the plugin routine once it's inside the DOM.

Feel free to use my code from Github to tweak spltiview to your need. Won't be easy though. I tried this a couple of times, before starting from scratch with multiview, which works, but still is work-in-progress...

ginjoejs

Re: jquerymobile splitview plugin discussion

1 year ago

Hey frequent,

thanks for your fast reply.

It makes sense and works for me! Thanks a lot,

Joe

dawg8it

Re: jquerymobile splitview plugin discussion

1 year ago

when i go to your website address:http://asyraf9.github.com/jquery-mobile/
it works in safari desktop but not on ipad2.

http://www.youtube.com/watch?v=RIJTXNfGHuM&feature=youtu.be&t=28s

Re: jquerymobile splitview plugin discussion

1 year ago

To fix Splitview for "The New iPad", all I had to do was change line 8 of the jquery.mobile.splitview.js file for a max 2.2 pixel ratio.

var $query = $.mobile.media('screen and (min-width: 480px)') && ($.mobile.media('(-webkit-max-device-pixel-ratio: 2.2)') || $.mobile.media('(max--moz-device-pixel-ratio: 2.2)'));

---
http://zsprawl.com

emad.hamdi

Re: jquerymobile splitview plugin discussion

1 year ago

hi there everybody

hope u r fine ..

i just wanted to know where i can download a full simple app that contains this functionality because i missed up with the files and folders @ https://github.com/asyraf9/jquery-mobile/

and i dont know if this what i want or not but in brief i need to know how to implement this swipping functionality shown in the video

many thanks in advance

Re: jquerymobile splitview plugin discussion

1 year ago

@emad.hamdi

Try this:
http://asyraf9.github.com/jquery-mobile/

But it will not give you two panels side by side. Three panels you will have to do yourself.

Re: jquerymobile splitview plugin discussion

1 year ago

@emad.hamdi: For a Master thesis I'm currently developping an application based on jQuery mobile which acts like the official Twitter application for iPad.

A (very) old prototype of my work can be found here: http://de-raedt.eu/researchpad/

I'll try to get an updated prototype online asap.

On the prototype you can add windows and then swipe back to the previous windows.

Re: jquerymobile splitview plugin discussion

1 year ago

@jerredr: nice prototype. Does it scale down for smartphones or is it a tablet only concept?

Re: jquerymobile splitview plugin discussion

1 year ago

@frequent: it should scale down even on smartphones

fahadn

Re: jquerymobile splitview plugin discussion

1 year ago

A great plugin keep up the good work! I am trying it out for the first time and I have run into a weird issue.

I am trying to create a left panel with 55% width :
<body>

<div data-role="panel" data-id="menu" data-hash="crumbs" data-context="a#default" class="ui-mobile-viewport ui-panel-left ui-border-right" style="width:35%; min-width:250px;">

But when i run it in the browser it shows up as:
<div data-role="panel" data-id="menu" data-hash="crumbs" data-context="a#default" class="ui-mobile-viewport ui-panel-left ui-border-right ui-panel" style="width: 25%; min-width: 250px; ">

So the width property is getting reset automatically. Do you have any clues on as to what might be causing this?

I am using Google Chrome for testing. I have attached my project forlder with all the code in it in case you need to have a look.

Thanks for you help and keep up the good work!

Attachments

gamma.zip
Size : 394.4 KB Download : 1447

thedanny09

Re: jquerymobile splitview plugin discussion

1 year ago

I have a quick question. Im using MVC and SplitView, I have a button in the menu labeled Logout, and it bring me to a page on the right with a logout link, when clicking that link it fires a controller that "Logs me out". However, when logging me out, it refreshes just the content page on the right, showing me my login page but using the SplitView framework (rather than my own login page in full screen). How would I go about doing this?

alinto

Re: jquerymobile splitview plugin discussion

1 year ago

Hello,
is it possible to set main panel as "default panel", that is to say the page which is displayed first in smartphone view ?
Thanks for help

Re: jquerymobile splitview plugin discussion

1 year ago

Did you try putting the `data-id="menu"` panel after the `data-id="main"`?

---
http://zsprawl.com

alinto

Re: jquerymobile splitview plugin discussion

1 year ago

it does not work :/
Main panel is displayed first, but menu panel is empty on large screen and menu button is hidden in smartphone screen ...

Re: jquerymobile splitview plugin discussion

1 year ago

Do you want it to function like the iPad Portrait view?

---
http://zsprawl.com

alinto

Re: jquerymobile splitview plugin discussion

1 year ago

yes i would like splitted view in tablet portrait and landscape view.
On smartphone, it must show main panel with "menu" button in header.

Re: jquerymobile splitview plugin discussion

1 year ago

hello asyraf and all,

asyraf, congrats to JQM splitview! that's exactly what we needed. a few (most likely noob) questions remain on my side and i hope i can find help here.

while the data-context works well from left/menu pages to right pages, i fail in accomplishing the reverse. our PMs have it in their heads that the left menu should adjust to the tabbed right pages.

i put both the working context sample and the non-working reverse one on google docs for inspection:

working: https://docs.google.com/open?id=0ByqnR-19hcKkMDdKRm53NmotZWM

not so much: https://docs.google.com/open?id=0ByqnR-19hcKkZVFWYUVlMTUtcFE

thanks for your help,

k

Re: jquerymobile splitview plugin discussion

1 year ago

... since i am here already; regardless of how fine grained i set my data-theme="a" attributes everywhere (black and gray androidish theme), the header for a second level menu list seems to always render in blue. is there something i can do? thx! k

neodasan

Re: jquerymobile splitview plugin discussion

1 year ago

DO NOT USE THIS PLUGIN! there are so many bugs but nobody updates or improves this. this project seems deceased. This looks great but its bugs will mess up your project eventually.

I don't understand why JQM team doesn't support any official splitview feature.

Re: jquerymobile splitview plugin discussion

1 year ago

It's open source... update it.

---
http://zsprawl.com

Re: jquerymobile splitview plugin discussion

1 year ago

@neodasan

a bit too harsh a tone for my taste but ...

i guess the jquerymobile splitview has filled a gap and everybody here wants it to fill that gap and hence it is doomed to fill that gap :). i wished i could help asyraf to fix some of the bugs but i am useless when it comes to javascript/jquery at the required level and therefore i need to rely on highly functional libraries.

a bit of an update from the prophet to his followers here might be good though. i am still in the early stages of jQM/SV adoption but i am struggling to prove to PM that this may be the route to go. in parallel i am writing the skelletons for the rich clients so i have a fallback concept just in case.

still: i love jQM/SV and would love to see it thrive!

Re: jquerymobile splitview plugin discussion

1 year ago

You could have a look at my multiview plugin. I started out with the splitview base about the time it came out and since then worked on a version which did not have to override any jqm features.

I'm mostly done with the jqm 1.1 version of multiview, for which i had rewrite large chunks of the plugin (to get global headers/footers play nice with the new JQM toolbars). Plus I rewrote the navigation and panel history to tap into JQM vs overwriting JQM as spltiview does. This way a splitview page will be just like any other JQM page and you can mix splitview pages together with regular pages as you like. You have a ton of other features, too (1/2/3 panels side-by-side, popovers, panel history, custom panel dimensions, fixed-screen or scrolling panels (using Overthrow), fullscreen view for smartphones and I'm still working on an option to make the menu a slide in/slide out page, which should feel more natural.

Most of the stuff is done, the part that still sucks is the navigation. It's pretty difficult to integrate this into JQM without trying to touch anything inside JQM, especially the history, because you can add panels to the JQM history, but if you navigate criss-cross, you have to get creative to tell JQM how to properly "unwind" a page. I hope to have some time to work on it som more this week... actually I need a working version asap for my project...:-)

So if anyone wants to chip in, I can put up a quick rundown of the plugin on github, SO or here, so you know where to look for what is not working.

This is my working sample from the last commit, if you want to have a look - sample page
Cheers

Frequent

Kevin B

Re: jquerymobile splitview plugin discussion

1 year ago

your link goes to a file on your filesystem, that won't work for anyone that isn't on your PC.

-- Kevin

Re: jquerymobile splitview plugin discussion

1 year ago

wrong link. now it's working.

uiprogram..

Re: jquerymobile splitview plugin discussion

1 year ago

I have issue with IE where vertical scroll is not working.

Is Split view is updated for jquery mobile version 1.1.0?

Re: jquerymobile splitview plugin discussion

1 year ago

@frequent

great many thanks! i am going to port over our prototypes and let you know how i fared. please rest assured that both your and asyraf's efforts are highly appreciated. i also saw that your sample page has lots of goodies like tabs and pop menus - they'll come handy for sure.

thx once more and till soon w/ my success report! k

ssmith2010

Re: jquerymobile splitview plugin discussion

1 year ago

Hopefully, a real quick question. I must be doing something basic wrong, because I cannot get splitview to work. I have tried two different methods, based on two different examples:

<div data-role="panel" data-panel="menu" data-id="left">
<div data-role="page" >
<div data-role="header">
<h1>Test of Split</h1>
</div>
<div data-role="content">
<ul data-role="listview">
<li><a href="#page2">Menu</a></li>
</ul>
</div>
<div data-role="footer" data-position="fixed" style="text-align:center">
<h4>Common Footer</h4>
</div>
</div>
</div>
<div data-role="panel" data-panel="main" data-id="right">
<div data-role="page" >
<div data-role="header">
<h1>Right Side</h1>
</div>
<div data-role="content">
<p>This is on the right</p>
</div>
<div data-role="footer" data-position="fixed" style="text-align:center">
<h4>Common Footer</h4>
</div>
</div>
</div>

This results in just the list. If I try a slightly different approach:

<div data-role="page" >
<div data-role="header">
<h1>Test of Split</h1>
</div>
<div data-role="panel" data-panel="menu" data-id="left">
<ul data-role="listview">
<li><a href="#page2">Menu</a></li>
</ul>
</div>
<div data-role="panel" data-panel="main" data-id="right">
<p>This is on the right</p>
</div>
<div data-role="footer" data-position="fixed" style="text-align:center">
<h4>Common Footer</h4>
</div>
</div>

The panel that should be on the right appears below the list.

I'm sure it's something very basic, because I'm doing very simple things. Thanks in advance!

Re: jquerymobile splitview plugin discussion

1 year ago

are you using multiview or splitview?

In multiview you need a wrapper page around your code like so:

<!-- wrapper -->
<div data-role="page" id="your_id" data-wrapper="true">

      <!--- panel --->
      <div data-role="panel" data-id="menu" data-panel="menu">

            <!--- nested page 1 --->
            <div data-role="page" id="menu_first" data-show="first">
            </div>

            <!--- nested page 2 --->
            <div data-role="page" id="menu_second">
            </div>

```
      </div>
```

      <!--- panel --->
      <div data-role="panel" data-id="main" data-panel="main">

            <!--- nested page 1 --->
            <div data-role="page" id="main_first" data-show="first">
            </div>

```
      </div>
```
```
</div>
```

umair862

Re: jquerymobile splitview plugin discussion

1 year ago

Hi Asyraf9,

Nice Plugin. I am building a mobile version of my website. My website had a lots of links and I was thinking a suitable and user-friendly strategy to display information on small screen devices. I was searching on internet and found your plugin. Your split view plugin will help me to nicely organise a lot of links on small screen.

ssmith2010

Re: jquerymobile splitview plugin discussion

1 year ago

Thanks, frequent! That did it! And thanks for your help and being patient, I'm new to this!

Re: jquerymobile splitview plugin discussion

1 year ago

Hi,

I am using the splitview plugin. Thanks for the great plugin.

But, I am facing one problem.
Instead of using href attribute for anchor on the left hand side menu, I am using onclick event as below:

<a href="javascript:void(0)" data-panel="main" onclick="navigateTo('somePageId')">Some Text<a>

In the function,

function navigateTo(pageId) {

      //Execute some logic

      //Finally navigate to the target page
      $.mobile.changePage($("#" + pageId), {transition: "none"});
}

When this is executed, the page on the right hand side gets displayed, but the left hand menu gets disappeared and becomes blank.

Can you advise me on this?

Thanks,
Balaji

Re: jquerymobile splitview plugin discussion

1 year ago

you need to provide the some parameters I think in the changePage method..

$.mobile.changePage($("yourpageid"),
            {   fromPage: $currPanelActivePage,
               transition: "none,
                 reverse:false,
                 pageContainer: $("#main")
             }

this is working for me.

Re: jquerymobile splitview plugin discussion

1 year ago

Hi guys, I am trying to use this splitview plugin and so far it is giving me what I required but I am now stuck with one problem. I am trying to use changePage() method to load a new page in the main panel. The changePage method is calling a external url (in my case an controller action url) and was called successfully and it returns the div page as a response but it was not appended on the DOM(in the main panel) therefore, I am getting a blank white page on the main panel side. I tried the above method of calling changePage but it is not working for me.

Here's some code snippet:

on the main panel, i have this link:

<a href="showMydetailsPage()" data-panel="main">

and on my javascript

function showMydetailsPage(){
        $.mobile.changePage("mydetails.do",
            {   fromPage: $currPanelActivePage,
                 type: "post",
               transition: "slide",
                 reverse:false,
                 data: dataParams,
                 pageContainer: $("#main")
             }
}

Please help. Thanks in advance.

Re: jquerymobile splitview plugin discussion

1 year ago

Guessing....probably you may be required append the div data returned from the server to the main page and then try displaying the page.

Re: jquerymobile splitview plugin discussion

1 year ago

Hi mireakel,

The code that you mentioned didn't work for me. What value should be provided for $currPanelActivePage? I tried to alert the value of $currPanelActivePage, the line is not at all executed. I think encountering a javascript error, still getting a blank page.

Please advise.

Thanks,
Balaji

Re: jquerymobile splitview plugin discussion

1 year ago

Hi @balajisn,

you have to get the value for that. That represents the current panel which is active. This is what I do to get the current panel which is active:

$currMainPanel=$('div:jqmData(id="main")');
$currPanelActivePage=$currMainPanel.children('div.'+$.mobile.activePageClass);

Re: jquerymobile splitview plugin discussion

1 year ago

Hi @mireakel,

Thanks a ton! That worked, you made my day.

Balaji.S.N

Re: jquerymobile splitview plugin discussion

1 year ago

@balajisn:

if you are only doing forward transitions, these are relatively easy to implement.

I'm doing it like this in my plugin for both internal/external panel pages and regular JQM transitions:

// listen for pagebeforechange - my main transition handler:
$(document).on( "pagebeforechange", function( e, data ) {
// block trailing hashchanges (data.toPage will be an object!)
if (typeof data.toPage !== 'string') {
return;
}
// from here I call my panelTrans(ition) handler, inside:
var wrap = my_wrapper_element,
// I'm passing the clicked element's to override JQMs pageContainer on clicked links
$link = passed_clicked_element,
$targetPanelID = $( $link ).jqmData('panel'),
// construct target panel
$targetPanel = $link ?
$('div:jqmData(id="'+$targetPanelID+'")')
: ( data.options.pageContainer.get(0).tagName == "DIV" ?
wrap.find( data.options.pageContainer ) : data.options.pageContainer ),
// the above sets targetPanel to either the BODY or DIV(panel)
// find the active page on this pageContainer
$targetPanelActivePage = $targetPanel.find( '.ui-page-active' );
// now you check for pageContainer
if ( $targetPanel.is('body') == false ) {
// this is a panel transition
data.options.fromPage = $targetPanelActivePage;
data.options.pageContainer = $targetPanel;
} else {
// this is a JQM transition = do nothing
}

Feel free to adapt to your need. I'm not sure how easy it is to implement inside splitview, because splitview is overriding JQM changePage and handles it inside the plugin, while I'm just tweaking options and let JQM handle the rest.

Still, the basics are the same, so you can use the above to construct your own handler.

What I'm not sure is whether splitview supports both changePage links AND programmatic calls (can't remember) or wether it also works with external pages. Maybe either one is your problem, because if you set up the parameters correct, there shouldn't be a reason why it's not working.

The easiest thing to check would be to set consoles in splitview.js before the changePage is made and check what data.options and data.toPage turn out to be.

If these are correct you will have to check inside JQM (probably inside splitview.js, if the transition is handled there...) where the call gets stuck. Look in $.mobile.changePage, then in $.mobile.loadPage, then in transitionHandler (called in this order).

Hope this helps some.

Re: jquerymobile splitview plugin discussion

1 year ago

Hi @frequent,

The sources of your multiview plugin are available somewhere ? Github for example ?

Thanks by advance,

PS : The splitview plugin seems to be not anymore maintained…

I tried several times to contact its author, without any luck.

Re: jquerymobile splitview plugin discussion

1 year ago

Hi @erixtekila,

https://github.com/frequent/multiview

It's working with the latest JQM. I'm still fixing minor stuff and am trying to get rid of the three remaining changes I need to make inside JQM (add pageContainer to JQM history entries, prevent removing wrapper on pageHide and add an if-clause to enable deeplinking to panel pages). Other than that it's ready to use and I'm hoping to finish the demo page sometime this month.

Re: jquerymobile splitview plugin discussion

1 year ago

Great, thanks.

You'd put this information in your demo page.

The one that is used from the jqm ressource page doesn't give such info.

panzaeron

Re: jquerymobile splitview plugin discussion

1 year ago

Hi @frequent

I'm trying to use your great multiview-plugin, but if I use my page with an small screen the menu is displayed with an transparent background so it ist not possible to read something. Do you have an idea, which things I could try to get an background with my menu?

Re: jquerymobile splitview plugin discussion

1 year ago

@panzaeron:

in the future, please post as an issue on Github because I'm not always looking here.

Regarding the issue, can you please check in Firefox/Firebug (just resize the window to smartphone size), if on the panel in question (menu) you have more than one page with class of .ui-page-active. That would be an issue.

I just checked my latest multiview version (sample page) using yesterdays JQM build. If you load the sample page on small screen and open/close/navigate the menu, the pages all have a background = default theme c assigned by JQM, while the panels and content sections (parent and child of page) are transparent.

So if you have no background, it can either be two pages visible or you have overwritten JQM default css.

Hope that helps.

maniac84

Re: jquerymobile splitview plugin discussion

1 year ago

Hi,

I am using splitview plugin in my ASP.net MVC3 project.

Can someone explain to me why every click on a link or just by opening a new view\page, the page header or the name of the link is set to page title.

Even the Splitview demo site does the same thing. it is wierd. When browsing, people like to see the name of the site as Page title, not the name of every link\button clicked.

How can we change this?

Thanks

garrettro..

Re: jquerymobile splitview plugin discussion

1 year ago

Hey Asyraf;

To start, Split View is awesome. Totally saved my bacon with this project, so thank you very much for enriching the jQMobile community with this. Fantastic work.

I have an interesting use case that I'm wondering if you can help me with. I have incorporated an RSS Reader into Split View, which after some work now works like a charm.

What I want to add, and have no idea how to accomplish, is a page that behaves differently than the default.

When the app opens, I want there to be a page-flag-like button shown in the bottom right hand corner on top of the main page area. It shows regardless of what happens in the main panel.
When someone taps this little tab, a div a little less than half the height of the main panel slides in on top of the main panel. It does not replace it, just slides in over it. The end desired result is that the user can still read the content in the main panel while working in this (editable) slide-over window.

I'm going to keep hacking away and see if I can figure out how to bring this about, but any advice or knowledge that you could send my way would be much appreciated!!!

Thanks!

Garrett Rohde
Atlanta, Georgia

Re: jquerymobile splitview plugin discussion

11 months ago

Hi, just curious, has anyone successfully updated splitview plugin to use JQM 1.1.0?

mrjikey

Re: jquerymobile splitview plugin discussion

11 months ago

alright just download the sourcecode... but in the sample file it seem doesn't work .... well can any 1 tell me how can make it run perfectly ?

http://www.alltrees.org/ken/SplitView-IE-safe/

Re: jquerymobile splitview plugin discussion

10 months ago

It's a month later, and I don't know if you still need this, but: I had the same issue -- downloading the source from Git, it wasn't too clear how to go from there to creating a splitview. I've repackaged some of the content in a way that should make it easier. At the same time, I added some notes on how to make it fail gracefully in Internet Explorer. (Natively, the SplitView just breaks in IE.)

I've set up my solution here:

You can download a zip file from there that includes sample code and two version of JQM - one for IE and one for everything else. It uses IE conditional codes to decided whether or not to use the splitview code. It seems to work pretty well. I hope this helps!

Ken

mazintico

Re: jquerymobile splitview plugin discussion

11 months ago

First of all, great job!!! Your split view is awesome. Unfortunately it is not working in Internet Explorer. I know that it is meant to be used at mobile devices (where IE is not a choice) however we are trying to create a single version of our web project so it runs at both mobile and desktop devices. Any ideas about how to make it work at IE? Thanks a lot for your kind replies!!!

http://www.alltrees.org/ken/SplitView-IE-safe/

Re: jquerymobile splitview plugin discussion

10 months ago

Hi Mazintico - I've encountered the same problem, and have worked up a sort of solution. I can't get SplitView to work in IE, but I can at least get it to failover gracefully to regular jQ Mobile. I've set up my solution here:

You can download a zip file from there that includes sample code and two version of JQM - one for IE and one for everything else. It uses IE conditional codes to decided whether or not to use the splitview code. It seems to work pretty well. I hope this helps!

Ken

tennis7349

Re: jquerymobile splitview plugin discussion

10 months ago

This is the error I get when running the Splitview demo using Internet Explorer 9.0.8112.16421

SCRIPT5007: Unable to get value of the property 'scrollWidth': object is null or undefined

jquery-1.7.1.js, line 9221 character 7

SCRIPT5007: Unable to get value of the property 'scrollWidth': object is null or undefined jquery-1.7.1.js, line 9221 character 7

hope this helps isolate the problem...

rick

http://stackoverflow.com/questions/10784334/jquery-mobile-phone-gap-split-view-using-asyraf9-example-not-working

Re: jquerymobile splitview plugin discussion

10 months ago

Hi Rick - can you tell me how you got IE to cough up error codes? All I get is a blank screen. I'm sure IE has some diagnostic tools, but I don't know how to find them.

Thanks
Ken

iame.wang

Re: jquerymobile splitview plugin discussion

10 months ago

it's does not work on jquerymobile1.1.1? any suggestion?

watusiware

Re: jquerymobile splitview plugin discussion

10 months ago

Wait for it to be updated to 1.1, or fix it yourself and contribute the result back.

Those would be your choices.;)

sophianti..

Re: jquerymobile splitview plugin doesn't work with PhoneGap

10 months ago

Hi everyone,

I downloaded the plugin and ran the example with PhoneGap but got the same problem with this :

I saw also the multiview : http://www.stokkers.mobi/jqm/multiview/demo.html

but the panels slide together and i want a left fixed panel while the right panel is sliding

Does anyone have an idea ?

Thanks

Re: jquerymobile splitview plugin discussion

10 months ago

Hi sophiantipolitian,

In the index.html, check out you have two divs, one having data-id="menu" and another data-id="main". So, once you have it, in the portrait mode you have the main page getting displayed. In the landscape mode, you have the menu and main page getting displayed.

Can you check by removing the &copy code, to verify that in the absence of the same, will you be able to get the split view.

Thanks,
Balaji.S.N

sophianti..

Re: jquerymobile splitview plugin discussion

10 months ago

Hi balajisn,

Did You mean 'data-id="menu"' ?. In fact, it works well in a web browser on desktop, the problem appears only when I build it with PhoneGap to have an app on Android.

Here is my index.html:

<!DOCTYPE html>

<html>

<head>

<title>Jquery Mobile Splitview</title>

</head>

<body>

<h1>Left panel</h1>

</div>

The left content

</div>

</div>

</div>

<h1>Right panel</h1>

</div>

The right content

</div>

</div>

</div>

</body>

</html>

It seems PhoneGap doesn't support this plugin.

Thank you anyway

Re: jquerymobile splitview plugin discussion

10 months ago

Hi sophiantipolitian,

Yes I was referring to data-id.

PhoneGap does support this plugin, I have successfully implemented on iPad, but haven't tried on Android. But, theoritically speaking it should be able to support on Android as well.

Can you please try with this below code (small update done, changed the id="main" to id="leftmenu"):

<body>

<h1>Left panel</h1>

</div>

The left content

</div>

</div>

</div>

<h1>Right panel</h1>

</div>

The right content

</div>

</div>

</div>

</body>

Thanks,
Balaji.S.N

sophianti..

Re: jquerymobile splitview plugin discussion

10 months ago

Hi,

I changed it to another id ("leftmenu") but the problem is always there.

I used SS galaxy 8.9 " and didn't test on any iOS device.

Thanks

Re: jquerymobile splitview plugin discussion

10 months ago

Hi,

Did you check for the availability of all the js and css files within your project?

Also, just FYI, this plugin supports jquery mobile 1.0 only.

Thanks,
Balaji.S.N

neverleo

Re: jquerymobile splitview plugin discussion

10 months ago

got 2 questions:

1. how can i define a page outside the panel, as i only have some of the pages that need splitview?

2. any idea to create a popover menu? the current version does not support jqm's popover widget as it uses the older version of jqm...

jhottle

Re: jquerymobile splitview plugin discussion

8 months ago

Seems Splitview has been updated as of 9/12/2012 (see post below). I wanted to bump this first question; How can I define a page outside the "splitview" panel? In my case I only need a "Splitview" for one section of my webapp. Any ideas?

mankum

Re: jquerymobile splitview plugin discussion

10 months ago

Will this plugin be updated to use latest versions of jQuery Mobile 1.1.1 or 1.2.0. ? If yes, when can we expect the update? Also is there anyone out here who managed to upgrade the plugin?

watusiware

Re: jquerymobile splitview plugin discussion

8 months ago

You can find this here:

https://github.com/asyraf9/jquerymobile-splitview

This is actually a plugin maintained outside of the jQuery Mobile project.

(Sorry, earlier I mis-stated that it had been an experimental component. I don't think that is correct. I was thinking of scrollview, not splitview.)

Maybe at some point it can be incorporated into JQM, but good luck - they're a stubborn bunch.

(According to the author, some change is being made in JQM 1.2.1 which will accommodate the plugin without needing a modified JQM.)

elderov

Re: jquerymobile splitview plugin discussion

8 months ago

Hi!

i have some problem with Form submitting with <input type='submit' />!

after submit i see menu-list on the right seid!!

why??

how can i fix this???

watusiware

Re: jquerymobile splitview plugin discussion

8 months ago

elderov, is this somehow related to splitview? Otherwise, please make a separate thread to ask your question, and please give more details. This is like saying "doctor, it hurts!"

elderov

Re: jquerymobile splitview plugin discussion

8 months ago

ofcourse , this is problem with splitview..

with <form data-ajax='false'> work it now fine!!! but without don't work!!!
on demo-site there is a same problem )

bjthomps24

Re: jquerymobile splitview plugin discussion

8 months ago

Is there any reason why I cannot display the splitview demo site in IE 9? It shows fine in Firefox, but in IE 9 I am getting a blank white page - with a side scroll bar......