{"id":25419298,"url":"https://github.com/ange007/jqueryformstyler-modern","last_synced_at":"2025-09-08T12:43:04.577Z","repository":{"id":57282560,"uuid":"47762435","full_name":"ange007/JQueryFormStyler-Modern","owner":"ange007","description":"JQuery HTML form styling plugin.","archived":false,"fork":false,"pushed_at":"2019-04-12T19:23:09.000Z","size":7928,"stargazers_count":18,"open_issues_count":6,"forks_count":4,"subscribers_count":7,"default_branch":"release","last_synced_at":"2025-01-18T12:15:57.619Z","etag":null,"topics":["buttons","css","form-style","form-styler","formstyler","input","jquery","jquery-html","jquery-plugin","js","password","plugin","range","range-slider","select","selectbox","style","stylesheet","ui","ui-components"],"latest_commit_sha":null,"homepage":"http://ange007.github.io/JQueryFormStyler-Modern/","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ange007.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-12-10T13:10:09.000Z","updated_at":"2023-03-01T16:11:47.000Z","dependencies_parsed_at":"2022-09-07T12:12:40.470Z","dependency_job_id":null,"html_url":"https://github.com/ange007/JQueryFormStyler-Modern","commit_stats":null,"previous_names":[],"tags_count":21,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ange007%2FJQueryFormStyler-Modern","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ange007%2FJQueryFormStyler-Modern/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ange007%2FJQueryFormStyler-Modern/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ange007%2FJQueryFormStyler-Modern/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ange007","download_url":"https://codeload.github.com/ange007/JQueryFormStyler-Modern/tar.gz/refs/heads/release","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239179645,"owners_count":19595591,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["buttons","css","form-style","form-styler","formstyler","input","jquery","jquery-html","jquery-plugin","js","password","plugin","range","range-slider","select","selectbox","style","stylesheet","ui","ui-components"],"created_at":"2025-02-16T18:37:07.988Z","updated_at":"2025-02-16T18:37:08.798Z","avatar_url":"https://github.com/ange007.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# jQuery FormStyler Modern \u003csup\u003e[2.x](CHANGELOG.md)\u003c/sup\u003e \n[![Latest Stable Version](https://poser.pugx.org/ange007/jquery-formstyler-modern/v/stable)](https://packagist.org/packages/ange007/jquery-formstyler-modern)\n[![Total Downloads](https://poser.pugx.org/ange007/jquery-formstyler-modern/downloads)](https://packagist.org/packages/ange007/jquery-formstyler-modern)\n[![License](https://poser.pugx.org/ange007/jquery-formstyler-modern/license)](https://packagist.org/packages/ange007/jquery-formstyler-modern)\n[![Build Status](https://travis-ci.org/ange007/JQueryFormStyler-Modern.svg?branch=master)](https://travis-ci.org/ange007/JQueryFormStyler-Modern)\n\n\u003e Самостоятельное ответвление от плагина **[jQueryFormStyler](https://github.com/Dimox/jQueryFormStyler)** \n\n![jQuery FormStyler Modern](https://github.com/ange007/JQueryFormStyler-Modern/blob/master/screenshot.png)\n\n- [Demo](http://ange007.github.io/JQueryFormStyler-Modern/)\n- [Changelog](CHANGELOG.md)\n- [Contributing](CONTRIBUTING.md)\n- [Download](https://github.com/ange007/JQueryFormStyler-Modern/releases)\n\n## Info\nJQuery HTML form styling and modernization plugin:\n- `\u003cinput type=\"checkbox\"\u003e`\n- `\u003cinput type=\"radio\"\u003e`\n- `\u003cinput type=\"file\"\u003e`\n- `\u003cinput type=\"number\"\u003e`\n- `\u003cinput type=\"password\"\u003e` *(styling and show/hide password button)*\n- `\u003cselect\u003e` *(styling and function for search on server by AJAX requests)*\n- `\u003cinput type=\"range\"\u003e`, `\u003ctextarea\u003e`, `\u003cbutton\u003e` and other *(styling only with CSS)*\n\n## Attention!\nSettings from plugin vesion **2.x** - differ from version **1.x**.\n\u003e Структура настроек плагина версии **2.x** - отличаются от настроек [оригинального](https://github.com/Dimox/jQueryFormStyler) и версии [1.x](https://github.com/ange007/JQueryFormStyler-Modern/tree/1.x---release) данного плагина.\n\n## Install\nComposer:\n```sh\n$ php composer.phar require \"ange007/jquery-formstyler-modern\"\n```\nNPM:\n```sh\n$ npm i jquery.formstyler-modern\n```\n\n## Getting Started\nMain plugin file - `jquery.formStylerModern.js`.\nConnection of styles is possible in two ways:\n- `jquery.formStylerModern.css` *(frame and default style)*\n- Frame file - `/style/jquery.formStylerModern.frame.css` and style file - `/style/jquery.formStylerModern.(default|bootstrap|etc).css`\n\n## Works\nStylish elements.\n```javascript\n$( 'input, select, button' ).styler( \n{\n\tlocale: 'ru',\n\tselect: { \n\t\tsearch: {\n\t\t\tlimit: 10\n\t\t}\n\t},\n\tonFormStyled: function( ) \n\t{ \n\t\t...\n\t}\n} );\n```\n\nReload plugin with certain settings.\n```javascript\n$( '#checkbox-indeterminate-change' ).styler( 'reinitialize', { checkbox: { indeterminate: true } } );\n```\n\nClean style.\n```javascript\n$( 'input, select, button' ).styler( 'destroy' );\n```\n\nRepaint after \"manual\" change.\n```javascript\n$( this ).prop( 'disabled', true )\n\t.trigger( 'repaint' );\n```\n\nSearch from server.\n```javascript\n$( '#search' ).styler( 'reinitialize', {\n\tselect: {\n\t\tsearch: {\n\t\t\tajax: {\n\t\t\t\tdelay: 250,\n\t\t\t\tcache: true,\n\n\t\t\t\turl: 'https://api.github.com/search/repositories',\n\t\t\t\tdata: function( params ) {\n\t\t\t\t\treturn {\n\t\t\t\t\t  q: params.term,\n\t\t\t\t\t  page: params.page\n\t\t\t\t\t};\n\t\t\t\t},\n\n\t\t\t\tprocessResults: function( data, params )\n\t\t\t\t{\n\t\t\t\t\tvar items = [ ];\n\n\t\t\t\t\t$( data.items ).each( function( index, value )\n\t\t\t\t\t{\n\t\t\t\t\t\titems.push( { 'value': value.html_url,\n\t\t\t\t\t\t\t\t\t'caption': value.owner.login + '/' + value.name } );\n\t\t\t\t\t} );\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\titems: items\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n} );\n```","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fange007%2Fjqueryformstyler-modern","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fange007%2Fjqueryformstyler-modern","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fange007%2Fjqueryformstyler-modern/lists"}