forms-js

Skinnable CSS3 Metro Forms

Try Semtex – the new HTML5, CSS3 and JavaScript UI framework!

Say hi to AcidJs.Forms, the successor of one of the oldest components in Acid.JS Web.UI – Forms.JS!

AcidJs.Forms is a powerful component that will give you total control over the form elements on your page without any additional markup or sophisticated JavaScript. The component will seamlessly add cool metro looks to input boxes, buttons, file inputs, checkboxes, radiobuttons and dropdowns.

acidjs-forms

Key Features
  • Lightweight and imageless, fully CSS3-driven skins.
  • Fast initialization and small footprint.
  • CSS3 animations and transitions.
  • Support for themes.
  • Rich client API and custom events.
  • Support for multiple themes on a single page.
  • No additional markup required.
  • The full version is shipped with 5 ready to use themes (Default, Gray, Orange, Red and Violet).
  • Fallback for non-CSS3 browsers.

Check the info here, look at the demo and have fun!

Imageless CSS3 Custom Checkboxes and Radio Buttons

This solution is outdated. You can find the newest one on this page. Find more experiments here.

css-pages-imageless-css3-custom-checkboxes-and-radio-buttons

Related Posts

The New Killer Version of Forms.JS Form Element Skinning Component is Out

Forms.JS is a powerful component that will give you total control over the form elements on your page without any additional markup or sophisticated JavaScript. All you have to do is to add a single line of JavaScript in the head section of your webpage, define which elements will be styled, specify skinning region, set a skin, reload the page and leave the rest to Forms.JS. The component will seamlessly add cool Web 2.0 looks to input boxes, buttons, file inputs, checkboxes, radiobuttons and dropdowns.

What’s New in the Latest Version

  • Automatic styling of dynamically added form elements in the specified region.
  • Just one image sprite per skin and extensive use of CSS3.
  • Faster and seamless initialization.
  • Optional CSS3 support for IE7 and IE8 via CSS3Pie.
  • Internet Explorer 9 ready.
  • Selectboxes animations.
  • Built on top of jQuery.
  • New set of skins.
  • Improved client API.
  • Support for for the size property of selectboxes (expanded dropdowns).
  • Platform-independable – PHP, .NET, JAVA, etc.
  • Multiple skins on a single page.
  • Additional markup not required – just your form elements.

Check out the demo? And maybe download? Forms.JS 4.0 is also available in the latest version of Acid.JS Web 2.0 Component Library.

Version 6.0 of Acid.JS Web 2.0 Component Library is Out

I am happy to announce that the vew major version of Acid.JS Web 2.0 Component Library has been released with important updates – performance improvements, skin tweaks, addressed and fixed bugs, etc. of all included controls. There’s also a brand-new one – the state-of-the art AJAX ribbon bar.

Download the latest version of Acid.JS or take a look what’s new. To stay updated you may also like to subscribe to my blog RSS or Acid.JS Feed.

Update for the Mac Skin of Forms.JS

There is an update for the Mac skin of Forms.JS available for download. If you are using VotingPoll.AJAX, ContactForm.JS or TourDates.AJAX, this update is for you as well. Click here to get it.

This update is not included in Acid.JS yet, but it will be in one of the upcoming updates.

Skinnable Forms 2.0

Forms.JS is the successor of 6 separate controls for form styling, now consolidated in a single powerful component that will give you total control over the form elements on your page without any additional markup or sophisticated JavaScript. All you have to do is to add a single line of JavaScript in the head section of your webpage, define which elements will be styled, specify skinning region, set a skin, reload the page and leave the rest to Forms.JS. The component will seamlessly add cool Web 2.0 looks to input boxes, buttons, file inputs, checkboxes, radiobuttons and dropdowns.

The new version comes with improved and faster rendering, and more comprehensible client API for skinned form controls manipulation.

 – View info and online demo of the component.

 – Download Forms.JS.

Web 2.0 Widgets for your Website

Here is a list of a couple of useful and extremely easy to integrate widgets that you may use to add cool Web 2.0 looks and functionality to your website.

Forms.JS – the successor of 6 separate controls for form styling, now consolidated in a single powerful component that will give you total control over the form elements on your page without any additional markup or sophisticated JavaScript.

Dialogs.JS – Say goodbye to the boring default browser dialog boxes you are using on your website or online applications, here is Dialogs.JS!

Web 2.0 AJAX Loading Panel – Enhance your site’s look and feel during AJAX requests with the fully customizable state-of-the art Web 2.0 AJAX Loading Panel without writing a single line of code!

AJAX Gallery.XML – a lightweight, crossbrowser, skinnable and extremely easy to use component for displaying images in cool Web 2.0 looking style and a lightbox.

AJAX Contact Form – It is skinnable, highly customizable, localizable, crossbrowser and ultra fast. The installation and the configuration of the script is easy, and your form can be up and running on your website within minutes.

AJAX Guestbook – an easy to use, AJAX driven, crossbrowser and skinnable guestbook that will give your visitors pleasant Web 2.0 experience on your website.

Rounded Corners Panel.JS – Create rounded corners with any dimensions without additional images or sophisticated CSS and JavaScript coding. Rounded Corners Panel.JS does all this for you. You may choose between three types of rounded corner radius, you are allowed to specify dither (i.e. antialias) color, so your rounded corners’ edges do not look frayed.

TabStrip.XML – a lightweight, yet powerful, skinnable and crossbrowser AJAX driven control for creating tabbed interfaces for websites.