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
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
Interesting, will try this for Cotonti.com 2.0 (coming soon).
Kingsley
#3 2010-10-26 18:50
this is real nice dot, will try this out!
Twiebie
#4 2010-10-27 00:53
I followed all the steps in the readme.txt file, but for some reason the new checkboxes etc don't show up?
..dot..
#5 2010-10-27 05:07
@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
#6 2010-10-27 07:37
Thanks, looks nice :)
GHengeveld
#7 2010-10-28 18:02
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.
Kaan
#8 2010-10-29 01:54

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=https://seditiocms.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


This post was edited by Kaan (2018-09-24 06:50, 3 years ago)
Kilandor
#9 2010-11-01 19:32
Seems kinda silly to make a plugin for that. It only saves the effort of editing the file if you want to change themes.