jQuery FormStyler Modern

Ответвление от плагина jQueryFormStyler (оригинальный плагин: https://github.com/Dimox/jQueryFormStyler)

• Страница с примерами
• Список изменений
• Скачать

Описание

jQuery-плагин для стилизации элементов HTML-форм:

• <input type="checkbox">
• <input type="radio">
• <input type="file">
• <input type="number">
• <input type="password">
• <select>

Подключение плагина

Сам плагин подключаетс посредством файла jquery.formStylerModern.js. А подключение стилей на данный момент возможно в 2х вариантах:

• Подключение jquery.formStylerModern.css- который в себе содержит каркас и тему по умолчанию (default)
• Подключение файлов из директории /theme/ - jquery.formStylerModern.frame.css (каркас) и одной из тем в той-же директории (например jquery.formStylerModern.flat.css)

Работа с плагином

Стилизация компонентов

	$( 'input, select, button' ).styler( {
		selectSearch: true,
		locale: 'ru',
		onFormStyled: function( ) 
		{ 
			...
		}
	} );

Перезагрузка элементов с определёнными настройками

	$( '#checkbox-indeterminate-change' ).styler( 'reinitialize', { checkboxIndeterminate: true } );

Убрать стилизацию

	$( 'input, select, button' ).styler( 'destroy' );

Перерисовка компонента после "ручного" изменения состояния

	$( this ).prop( 'disabled', true )
			.trigger( 'repaint' );