1.1.2betaexperimentalUI Experiment: Fancy Forms
A collection of UI replacements for system-default selectboxes, button and inputs. Warning: it causes severe addiction!
Clone URLhttps://github.com/eKoeS/fancy_forms.git
Add as a submodulegit submodule add https://github.com/eKoeS/fancy_forms.git extensions/fancy_forms --recursive
Compatibility
2.x.x | 2.1.x | 2.2.x | 2.3.x | 2.4.x | 2.5.x | 2.6.x | 2.7.0 | 2.7.1 | 2.7.2 | 2.7.3 | 2.7.4 | 2.7.5 | 2.7.6 | 2.7.7 | 2.7.8 | 2.7.9 | 2.7.10 |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
No | 1.1.2beta | 1.1.2beta | No | No | No | No | No | No | No | No | No | No | No | No | No | No | No. Soon? |
Readme
This extension comes from the need of having fully customizable form controls that better support the user on one hand and are more aesthetically pleasing on the other.
Features
- Two homemade jQuery plugins,
symphonySelectbox
andsymphonyCheckbox
, to respectively replaceselect
andinput type"checkbox"
elements with more advanced UI controls. - Consistent styles using recent standards (i.e. CSS3) for text inputs, textareas and buttons.
- Replacements for both multiple- and single-choice selectboxes, with two available sizes: "tiny" and "normal".
Future releases will provide:
- Custom event handlers
- Better performance
- Future fixes to future bugs ;)
FAQ: Frequently asked questions
Q: This (awesome) extension causes conflicts with $other_extension. What am I supposed to do?
A: You can populate the ignore
array (available in both symphonySelectbox
and symphonyCheckbox
) with a complex CSS selector. Upon initialization, Fancy Forms will skip any element whose parents match the given expression.
Q: Can this (marvellous) extension be used on frontend too?
A: Sure, all it does is providing some jQuery plugins and stylesheets. Here’s the list of resources you need to include in your pages:
symphony.button.css
symphony.checkbox.css
symphony.checkbox.js
symphony.selectbox.css
symphony.selectbox.js
symphony.textbox.css
While buttons and textareas (as well as textinputs) are completely handled by CSS, selectboxes and checkboxes must be initialised as ordinary jQuery plugins. Example:
$('input[type="checkbox"]').symphonyCheckbox();
$('select').symphonySelectbox();
Installation & Updating
Information about installing and updating extensions can be found in the Symphony documentation at http://symphony-cms.com/learn/.
Version history
Symphony 2.1.0 to 2.2
- Added
extension.meta.xml
. - The extension has been renamed "UI Experiment: Fancy Forms" (it was previously called "Better Forms").
Symphony 2.1.0 to 2.2