Cotonti / Open Source PHP Content Management FrameworkContent Management Framework

Forums / Craftwork / Client-side / jQuery Uniform

A nicely way to style checkboxes, drop down menus, radio buttons, and file upload inputs!

..dot..
#1 2010-10-26 06:12


Designers

A while ago I found this jQuery script and i really liked it, so I took the time to adjust the CSS file to fit Cotonti.



It's a really nice way to style checkboxes, drop down menus, radio buttons, and file upload inputs, it gives quite a nice and modern feel to the site :)

Here you can download the files needed and instructions for installing :)
jQuery Uniform

(could not find any appropriate category under download, so post it here)

Read more or download original files on
Uniform...
GHengeveld
#2 2010-10-26 18:32


Administrators
Thanked: 48 times

Interesting, will try this for Cotonti.com 2.0 (coming soon).
Formerly known as Koradhil
Kingsley
#3 2010-10-26 18:50


Donator
Thanked: 7 times

this is real nice dot, will try this out!
Twiebie Online
#4 2010-10-27 00:53


Donator
Thanked: 41 times

I followed all the steps in the readme.txt file, but for some reason the new checkboxes etc don't show up?
Never as tired as when I'm waking up.

IRC: #cotonti - irc.freenode.net
http://www.cotonti.com/chat
..dot..
#5 2010-10-27 05:07


Designers

@Koradhil - That would be nice
@Kingsley - ty,

@Twiebie - you need to put the scripts below {HEADER_COMPOPUP}

{HEADER_COMPOPUP}
<script src="js/jquery.uniform.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" charset="utf-8">
      $(function(){
        $("input, textarea, select, button").uniform();
      });
</script>
Twiebie Online
#6 2010-10-27 07:37


Donator
Thanked: 41 times

Thanks, looks nice :)
Never as tired as when I'm waking up.

IRC: #cotonti - irc.freenode.net
http://www.cotonti.com/chat
GHengeveld
#7 2010-10-28 18:02


Administrators
Thanked: 48 times

I've implemented in in the new Cotonti.com website, looks very good. I did make a custom sprite for it because the default lacks contrast.
Formerly known as Koradhil
Kaan
#8 2010-10-29 01:54


Members
Thanked: 1 time

Added plugins models

<head>.....</head> add header.tpl {HEADER_FORM}
3 pieces of original own theme

uniform.header.php
<?PHP
/* ====================
[BEGIN_SED_EXTPLUGIN]
Code=uniform
Part=header
File=uniform.header
Hooks=header.tags
Tags=header.tpl:{HEADER_FORM}
Order=10
[END_SED_EXTPLUGIN]
==================== */
defined('SED_CODE') or die('Wrong URL');
	$form .= '	
    <!-- jQuery - the core -->
<script src="plugins/uniform/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="plugins/uniform/js/jquery.uniform.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
      $(function(){
        $("input, textarea, select, button, radio").uniform();
      });
    </script>
<!-- stylesheets -->
<link rel="stylesheet" href="plugins/uniform/css/uniform.'.$cfg['plugin']['uniform']['theme'].'.css" type="text/css" media="screen">';
$t->assign(array(
"HEADER_FORM" => $form
));

?>
uniform.setup.php
<?PHP
/* ====================
Seditio - Website engine
Copyright Neocrome
http://www.neocrome.net

[BEGIN_SED]
File=plugins/uniform/uniform.setup.php
Version=v1.0
Updated=2010
Type=Plugin
Author=Kaan
Description=JQuery Uniform Sexy forms 
[END_SED]

[BEGIN_SED_EXTPLUGIN]
Code=uniform
Name=Uniform Sexy forms v1.0
Description=JQuery Uniform Sexy forms 
Version=v1.0
Date=2010
Author=Kaan
Copyright=http://seditio-eklenti.com - www.ntka.org [by Kaan]
Notes=
SQL=
Auth_guests=R
Lock_guests=W12345A
Auth_members=R
Lock_members=W12345A
[END_SED_EXTPLUGIN]

[BEGIN_SED_EXTPLUGIN_CONFIG]
theme=01:select:default,agent,aristo:default:Theme Select.
[END_SED_EXTPLUGIN_CONFIG]
==================== */
if (!defined('SED_CODE')) { die('Wrong URL.'); }
?>
Download plugins: http://www.cotonti.com/datas/users/uniform_180.rar
Kilandor
#9 2010-11-01 19:32


Administrators
Thanked: 9 times

Seems kinda silly to make a plugin for that. It only saves the effort of editing the file if you want to change themes.