Response title
This is preview!
- Screen name: gxsaurav
- About Me: Graphics & UI Designer, Ex Microsoft MVP at SlideShare
- Blog:
- Website:
- Twitter Link:
- Facebook Link:
gxsaurav's Profile
3 Posts
6 Responses
0
Followers
Activity Trend
Last 30 days
Loading Chart...
Show:
- Expanded view
- List view
- 27-Apr-2011 04:53 AM
- Forum: jQuery Mobile
I am using a Nokia N8 with Symbian^3 which is supposed to have A grade support for jQuery Mobile. However, when I try to watch the jQuery Mobile demo website in it to test for support, it doesn't work and I see this.Is the Symbian^3 browser supported yet with jQuery Mobile Alpha 4.1? Symbian devices still hold a lot of market share to overlook support.
______________________________________________________
Saurav Srivastava
Designer at SlideShare
Twitter: gx_saurav
Blog: http://gxsaurav.com- 27-Apr-2011 03:26 AM
- Forum: jQuery Mobile
So I recently started making SlideShare mobile compatible with Windows Phone 7 browser. I am having issue with virtual viewport width property of the browser.By default, I use this meta tag for setting the device width and setting the initial and maximum scale<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />This works fine in iPhone 3GS (320x480), Devices with 480x800px resolution and bigger tablets but doesn't work in Windows Phone 7. I am using a Samsung Focus for testing.Here it how it looks like in Samsung Focus. Its like the viewport width is 240px.However, if I manually set the viewport width to 480px in the meta tag like this...<meta name="viewport" content="width=480, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />...then everything works fine as shown in the pic below.However, in this case the scale is set to 480px minimum and it breaks in older iPhone.One way I found was to using conditional statements based on devices but that is not a proper way as this method is not scalable.Shouldn't jQuery mobile be automatically setting viewport width to 480px for the virtual viewport of Windows Phone 7? How do I fix this problem?______________________________________________________
Saurav Srivastava
Designer at SlideShare
Twitter: gx_saurav
Blog: http://gxsaurav.com- 04-Mar-2011 01:55 AM
- Forum: jQuery Mobile
So, I am trying to load more <li> elements in a <ul> element on clicking a button. The markup is something like this.- <ul data-role="listview">
- <li data-inline="true">
- <a href="#" rel="external">
- <span class="imgContainer">
- <img src="#" width="160"/>
- </span>
- <p>
- <span class="title"><strong>#</strong></span>
- <span class="from">#</span>, <span class="views"># views</span>
- </p>
- </a>
- </li>
- </ul>
- <span data-role="button">Load More</span>
I have applied some styles to each <li> element and the thumbnail image inside it in the "imgContainer" div & the img tag inside it. On initial page load the <ul> has 20 <li> elements in it and the styles apply fine.When I click on the more button, more <li> elements are loaded but the CSS doesn't apply on the imgContainer div and img tag inside it.The CSS is conditional CSS using CSS3 Media Query written in the parent page only instead of being inside a CSS files.- @media screen and (device-width:320px)
- {
- //load CSS from here.
- }
Any help with this?______________________________________________________
Saurav Srivastava
Designer at SlideShare
Twitter: gx_saurav
Blog: http://gxsaurav.com
© 2012 jQuery Foundation
Sponsored by 
and others.