javascript grid control for ipad [closed] - javascript

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 6 years ago.
Improve this question
We have a web application designed for pc browsing. For this application we used infraguistics grid control to present information and some of them are hierarchical. We can group by columns, sort them etc.
We want to convert this application to Ipad compatible web application. We are thinking about using jquery mobile, but it is still early stage. There is no grid like control in jquery mobile, there are controls like list and Collapsible but nothing like grids with flexibility like sorting, grouping etc.
Is there is any other options or suggestions.
We are not really focused on Jquery mobile it could be anything but should be javascript based.
Thanks,

You may use JSLightGrid plugin. It's responsive, supported by mobile browsers, very light weight and very good in performance, in short good for mibile applications. https://github.com/chanakyachatterjee/JSLightGrid
But you need to write your custom code grouping unless they include it in next version.
It's pure javascript.

Mobile web frameworks are not as mature as desktop frameworks. The features you're describing are difficult to achieve within the constraints of a mobile environment. I don't know of a mobile framework that will do what you need.
Your options are:
Build this yourself using something like jQuery Mobile as a base (I would use Sencha Touch).
Pay someone to do #1.
Alter your iPad design so that it doesn't require this feature.
(Sorry I don't have better news.)

Related

Best javascript library for developing drag and drop web applications [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 7 years ago.
Improve this question
So far I've been using jquery ui's draggables and droppables, but I've also heard of extjs and I'm sure there are more. I'm looking to develop a (hopefully) professional plugin. What would be the best library to use and or is anyone aware of any limitations to jquery ui's functions for this?
I'm going to need to go 1-3 layers deep at least of dropping things inside each other, if not more.
There are various options available to you even including the possibility of writing your own drag and drop functionality if you really wanted.
jQuery UI isn't a bad choice and there will be plenty of support going down that route. jQuery UI sortables sounds to fit the behaviour you desire. I've used this for nested drag and drop in the past.
dragula is a nice vanilla js alternative for drag and drop behaviour supporting IE7+ that could also be a good choice.
Hope that helps!
Depends on the browsers you need to support. HTML5 has native drag & drop support, so if you only have to support IE9 and above, you can just use the attribute draggable=true and handle the drag events; see http://www.w3schools.com/html/html5_draganddrop.asp for examples. If you need to support IE8, however, jquery ui is the best (read: easiest) I've used.

HTML grid/table options (virtual rendering/scrolling) [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 6 years ago.
Improve this question
I'm looking for a solid, high-performance HTML grid/table with virtual rendering/scrolling. So far I've compiled the following possible options:
dhtmlxGrid
datatables
tablesorter
www.jtable
SlickGrid
trirand.com
flexigrid
First, I would appreciate if anyone can add more options to this list for consideration.
Second, can anyone offer any "real world" experience using a HTML grid/table for a high-performance web site ... 10-100k concurrent users, and issues such as with browser compatibility, etc.
My site is a high-traffic, high data (1 million+ records) SAAS marketing automation system that uses Datatables exclusively.
Chances are, if it's a reputable alternative to Datatables I've tried it over the last year, and site traffic isn't a problem with any solution I've found....all seem to do really well that way and are (relatively) low overhead.
The trick is dealing with a lot of data. Many options want you to send an HTML table to the javascript and it will build your grid by crawling the dom. It sounds great until you start dealing with more than a couple of thousand records, then it starts grinding. Datatables overcomes this by allowing you to build your data server-side, either X records at a time or X+a defined overage (called pipelining) that allows you to buffer more results than the user needs on each query to allow faster paging. It's what makes it appear to work so quickly, almost unnoticeable to the user if you have your queries optimized well. There's a full API to allow you to modify data on the fly (such as with an editable table).
Datatables is also the only one (at least at the time of my search) that fully integrates with jQuery ThemeRoller. In my app, that means that with a simple switch of a CSS file (autogenerated at jqueryui.com) I can completely retheme my entire app, including datatables. It's allowed me to sell co-branding as an upcharge and it literally takes me 5 minutes to do.
Finally, Datatables has a thriving community, plugins such as download and export to CSV or PDF, and an author that will answer questions seemingly 24/7. I suspect many of his concepts will be incorporated into the future jQuery UI Grid, which is due out in the not-so-distant future....since he is contributing on the project.

Looking for a highly customizable library for image carousel [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 8 years ago.
Improve this question
I know these types of "questions" are discouraged but since I have quite specific needs I believe this question does have a definitive answer.
I need an image carousel that meets the following requirements:
I can make my own transitions (basically I want to apply a class and have a CSS transition)
Mobile support with swipe
My own markup if possible
Manual switching as well as automatic switching
Is there any library like this out there?
I've tried Flexslider but it doesn't allow me to have my own transitions.
Maybe I'm better off just using Swipe JS and writing my own transitions, though there are many edge cases to be aware of so I'd rather not do this myself.
jQuery Cycle is a very good plug in that mostly does what you want.
http://jquery.malsup.com/cycle/
You can use any of the default transitions or create your own named ones in the options.
http://jquery.malsup.com/cycle/adv2.html
I ended up using a custom built version for desktop and SwipeJS for touch devices.

Looking for charts library that supports linked events [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 8 years ago.
Improve this question
I am looking for a Library that allows me to create Charts like the "Annotated Time Lines" that are e.g. used on Google Finance. I can't use the Google API because it relies on Flash and my chart should not only work on all common browsers but also be usable with mobile devices like the ipad.
I don't need all of the features of Google's Solution, but displaying linked event flags in the chart is an essential requirement and the ability to arbitrarily zoom and pan the chart would also be nice, the latter feature is however not a must on mobile devices and older browsers.
A serverside solution that transparently generates plain image charts if flash (or other client features like canvas-elements) is not available on the client would also be ok, I have asp.net mvc 2 running on the serverside.
An open source solution would be great, but a commercial library or component is also an option.
Any Suggestions?
What about http://highcharts.com, their API is very complete
A popular opensource Javascript plotting library is the flot library (JQuery plugin). More information:
Flot Sample with a basic annotated time line
Flot usage on the web (many samples)
www.hightcharts.com is amazing
mmm, I think you can extend the Highcharts library with no hassle, they have pretty good documentation, and also Is really easy to understand their api and code. I suggest you, first implement the linked events, and then with some free time study the code to add that functionality.
I recommend http://g.raphaeljs.com/
(I've used Raphael.js extensively for http://radiancejs.com.)
You'll have to do the scrolling to zoom thing yourself, however.

Where can I find a good jQuery drop shadow plugin? [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 7 years ago.
Improve this question
Does anyone have a good recommendation for a drop shadow jQuery plugin?
I've been working on a project that had every element on the page with a subtle drop shadow, we started using RUZEE to do the shadows but there was a severe performance hit when you had more then 4 or 5 shadows being calculated on the page.
I went to writing my own plugin, I call it simple shadow and it only uses jQuery to inject images in floating div's around the div you want a drop shadow. Nothing elegant but for the purpose of completing that site it worked without performance hits.
Now my plugin isn't anything special but I am still in search for a good light weight shadow plugin.
CSS 3 will support drop shadow. Firefox and Safari are already supporting the feature.
You might want to use that instead of the jQuery functionality, since it will run in browsers who have turned off javascript.
Take a look at http://www.css3.info/preview/box-shadow/ for a demo of the shadow.
The original site hosting the jQuery Dropshadow plugin has apparently gone down.
For anyone looking for it, I'm currently hosting it on my Dropbox account.
jQuery UI also provides drop shadow functionality.
The JQuery UI no longer supports shadow functionality.
try the FontEffect jQuery Plugin, sorry I can't post the link, but you can find it easily on google or jQuery plugin site.

Categories