I have an excellent jquery-ui based application that I'd like to give the fresh looks of Foundation. Most important part I'm missing is the support properly styled dialogs which currently have the jquery looks.
Is there anything like a foundation-styled jQuery UI theme or project setup to develop one?
My company has used http://jqueryui.com/themeroller/ to create the themes for our clients.
We had a client request a theme that matched the foundation default styling so we created it and uploaded it to out github. Below you can download the style sheets.
https://github.com/cwdgservices/jQuery-UI-Style-for-Zurb-Foundation
Related
Let me start off by saying I'm new to jQuery mobile. I've been asked to change to theme of a website and from looking at the jQuery mobile website here there is 5 default swatches that come with it. The only problem is that when I look at the theme file it only has 2 swatches, labeled A and B, but which look more like A and C. Can someone tell me where I can find the additional default swatches?
Thanks for your help.
The guys from jQuery mobile also created the classic theme for 1.4 although they don't actually support it.
You can find it here: http://demos.jquerymobile.com/1.4.0/theme-classic/theme-classic.css
And view the demo here: http://demos.jquerymobile.com/1.4.0/theme-classic/
jQuery Mobile 1.4 has two themes "a" and "b", unlike previous versions.
To upgrade custom themes previously created by ThemeRoller, at the page's top, click on import to upload old themes and then choose 1.4.0 from drop-down Upgrade to version list.
I would like to use the Bootstrap Framework with Delphi's IntraWeb (I'm using XE2)? The idea is to have the server side logic done by Delphi, while using the nice controls that come with BootStrap?
What would be the basic components "Hello World" application for this configuration?
What would be the high-level approach for a more elaborate application, for example one with a Bootstrap nav component that has its tab contents populated by Delphi?
Is combining IntraWeb and Bootstrap an overkill? Would I would be better off with an Indy TIdHTTPServer + Bootstrap?
It does not have to be difficult to implement Boostrap with Intraweb, you just have to add the Js files in the ContentFiles property of the IWForm, you just have to take in mind you have to write the html for each component you use for BootStrap.
In http://www.codegearguru.com in the Movie #63 - Using jQuery Mobile with IntraWeb - CodeRage 6 Replay
They have explained how to develope the Fishfact demo using jQueryMobile, using the TIWTemplateProcessorHTML component and standard IW components, so it should no be difficult to adapt it for bootstrap.
Here is the link: http://codegearguru.com/video/063/jQueryMobileFishFacts.html
Althought, there have been a new component suite since last year implementing JQuery and jQuery mobile, you should take a loo at http://www.cgdevtools.com, I'm using them and let me tell it give you IW app a very nice view. AFAIK they are planning to generate a component suite for Bootstrap.
As far as the web-server is concerned, it should provide the necessary files when the client requests them to run bootstrap client-side: Bootstrap: File Structure
To populate the components (client-side), you'll have to create the server-side logic so it will enter the correct javascript that does so into the HTML of the pages.
Does anyone know of any good tutorials, blogs etc on usage of the jQuery UI CSS Framework. I have read everything on the Jquery website but the documentation is quite poor. Via google I have been unable to find any additional information other then what is on the JQuery website. I know some good material must exist, but does anyone know where it is?
Found these links that might be interesting for you:
The jQuery UI CSS Framework – Part 1: Intro and How To Style a Button
The jQuery UI CSS Framework – Part 2: How To Create Widget-style Boxes
TOC Tutorial JQuery User Interface
How to jQuery - Theming jQuery UI
The site seems unreachable but it normally is, i guess it's just temporary:
Styling Buttons and Toolbars with the jQuery UI CSS Framework
Develop Your Own jQuery “ThemeRoller-Ready” Components
I am aware that you can create custom color swatches to be used with jQuery mobile. However I am not a designer and would like to find some additional ones to download. I have searched high and low on google, does anyone have a link to where I can download some that people have released? I don't mind paying for them if necessary.
UPDATED:
http://jquerymobile.com/blog/2011/10/28/announcing-themeroller-for-mobile-beta/
jQM Team plans to release a Theme Roller:
https://github.com/jquery/jquery-mobile/wiki/Mobile-ThemeRoller
But here are a couple of other ideas as well:
http://www.mobjectify.com/
http://jquerymobile.com/test/themes/valencia/ (via: How to create a jQuery Mobile theme)
http://www.jqmgallery.com/ (see what others have done)
Other than this you will need to create your own custom theme as of now
I am working on building a site and i'm trying to use jquery ui themes for as much of the styling as possible. and the jGrowl site says it can be theme rolled.
from the site:
Changes in 1.2.2
Notification can now be theme rolled for jQuery UI, special thanks to Jeff Chan!
there isn't really any explanation as to how and i searched far and wide for an explanation to no avail.
You do not need to do anything, simply include the jquery-ui css. There are example files included for different themes in the download