CODEWITHSUNDEEP
jqueryhtmljquery-mobile
Mahdi Ghiasi
Mahdi Ghiasi

Reputation: 15311

Building Desktop apps by JQuery Mobile

I want to create an application for desktop computers.

And I want to use the Power of JQuery Mobile.

But by default, JQuery adds each control on a row. it looks nice in a mobile phone, like the image below:

enter image description here

But it will be ugly in big screens:

enter image description here

My question is: Is there any way to design application with JQuery Mobile, multi-column style?

And how to create Horizontally scroll applications with JQuery Mobile? (I mean, just like windows 8 metro apps that don't have vertical scroll in pages. they have horizontal scroll in pages)

Upvotes: 9

Views: 16622

Answers (5)

DK250
DK250

Reputation: 1134

Just use Layout Grids. The Demo is provided here: http://demos.jquerymobile.com/1.3.0-rc.1/docs/content/content-grids.html

Upvotes: 2

frequent
frequent

Reputation: 28523

jQuery Mobile works very well with desktop, too. Just use a grid to structure your content.

I think the real advantage of jQuery Mobile will sooner or later be, that you only need to write something once and can deploy on every device from desktop to tablet to smartphone to whatever. Although there is some way to go for jQuery Mobile, this would be the direction I would want to it develop into.

There are a bunch of horizontal scroll plugins available. Try JQuery Mobile pagaintion for pages,photoswipe for images or overthrow for content.

Upvotes: 4

18bytes
18bytes

Reputation: 6029

Its not a good idea to use Jquery mobile for desktop apps. Instead it's a good idea to write the desktop app using Jquery UI and mobile app using JQuery mobile. Depending on the client type (mobile or desktop), use appropriate library and render the response.

You might want to look at Haxe http://haxe.org/ which supports multiple platforms. You might find it interesting to write application in one language and cross-compile to many other target platforms/languages.

Upvotes: 2

Phill Pafford
Phill Pafford

Reputation: 85378

You could mimic the jQM demo site for the two column approach

And for scrolling you could use something like this

Upvotes: 1

sgmonda
sgmonda

Reputation: 2729

I have had some experiments building HTML5 apps as desktop applications, using Python to create a webkit window and embedding the web site in it. I recommend you to use JQuery if you want, but JQuery or JQuery UI, not JQuery Mobile, because it has been designed for touch devices, no for desktop environments. What does jQuery Mobile give you for desktop that JQuery UI doesn't?

Upvotes: 1

Related Questions