Improve usability of APEX pages with YUI 2

class="yui-skin-sam" onload="get_addresses();" The result looks amazing!  When you hit the ‘S’ button, you see all employees whose name starts with an ‘S’, you can navigate to the correct name, or hit another letter to reduce the number of names. It all looks initially much work to Implement this widget, but remember, you only have to do this once, your users are is eternally grateful. it’s all about [more...]

Date: 2010-04-29 12:35:35

Blog posts (13) | Videos (1)
 

Carlita » Blog Archive » CSS para datatables en YUI

Si desea usar el estilo por defecto, aplique el nombre de la clase  yui-skin-sam al elemento que represente un parent del elemento en el que la tabla se encuentra situada, usualmente se pone esta clase en el tag , como se indica en la página http://developer.yahoo.com/yui/datatable/: Y de esta manera toma este css ya definido. Si desea personalizar su tabla (datatable YUI), agregue como usualmente con cualquier otro elemento de la página, en el tag style, el estilo que quiera definir para cada parte de la [more...]

Date: 2010-08-19 03:20:40

IS there any skin available rather than sam in yui ... | drupal.org

I m trying to make a menu with yui menu but i want some other skins rather than that of SAM skin. is there any skin available and how i will get from ... and how i will change its css [more...]

Date: 2008-07-05 03:45:30

An Introduction to Using YUI 3 in Offline Applications » Yahoo ...

An Introduction to Using YUI 3 in Offline Applications May 27, 2010 at 1:53 pm by Alexander Kessinger | In Development | 8 Comments About the author: Alex Kessinger works as a front-end engineer at Yahoo! Past working as a front-end, he enjoys working on the entire stack. He also spends a lot of time reading, curating, and writing about the internet, social media, and building websites. You can find all of it at his website alexkessinger.net. You can also find him on twitter @voidfiles. I could say that HTML5 is building steam, but that time is passed: HTML5 is here. Mobile is already huge, [more...]

Date: 2010-05-27 21:53:02

YUI IO Form Submit Example - PigsLipstick

I'm posting this because it took valuable minute to work out functional form submit via the YUI 3: IO data handling module (YUI calls them "utilities", I like "modules").  The intent behind YUI IO is essentially to modulize the data transport between the UI and back-end solution - in the spirit of AJAX, to give persistence in the UI while making the data transport transparent.In an effort to preserve the fundamentals, and before I get much further along and can't unravel all of the subsequent work, I want to post my working example of YUI IO used to pass basic form data, via POST, to a PHP [more...]

Date: 2010-07-09 22:35:06

YUI Library :: Forums :: View topic - Dialog pop up on button menu ...

eganba Username: e.ganbaJoined: Fri Jul 09, 2010 4:00 amPosts: 7 IRC: ganba Hi there, I took a simple dialog example that is launched by a button "show" and I would like to know if it's possible to launch it from menu select of button "menubutton". Let's say I need to show pop up dialog when menu "Two" is selected. How this can be done? Here's a complete code. ************* Dialog Quickstart Example /*margin and padding on body element can introduce errors in determining element position and are not recommended; we turn them off as a foundation for YUI CSS treatments. */ body { [more...]

Date: 2010-08-04 03:00:18

PrimeFaces Themes « Cagatay Civici's Weblog

I’ve introduced the new Theme Gallery with PrimeFaces 2.1, before that PrimeFaces had only one skin called yui-skin-sam which wasn’t flexible and easy to use. Now in 2.1, PrimeFaces provides the new skinning architecture based on ThemeRoller, introduces 28 new themes and an online tool to create your own themes without knowing CSS. With the new skinning, structure and skinning styles are seperated so you don’t need to know about .ui-panel-header to style it but know about ui-widget-header global style. .ui-panel-header only defines structural CSS like margins and paddings, on the other [more...]

Date: 2010-07-30 08:29:36

YUI Library :: Forums :: View topic - cannot make layout unit ...

naama bar-menachem Username: naamabmJoined: Sun Jun 06, 2010 2:56 amPosts: 8 IRC: nbm what am I doing wrong??? I create a layout with all the units (top, bottom, left, right, center) declare all (except from center) to be resizable - but they are not! Thank you! here is the code: my title body { margin:0; padding:0; overflow: hidden; } Context help, info, tools bla bla Wellcom to Novelsat web site NovelSat Ltd. All Rights Reserved (c). (function() { var Dom = YAHOO.util.Dom, Event = YAHOO.util.Event; Event.onDOMReady(function() { var layout = new [more...]

Date: 2010-07-15 02:06:34

YUI Library :: Forums :: View topic - Datatable width

Dennis Chen Username: accelerateJoined: Wed Mar 03, 2010 12:03 pmPosts: 9 By default, DataTable will use as little width as possible. However, to make things consistent with the rest of my page layout, I want to have my DataTable take the full width of the LayoutManager pane it's in (the center one). So what I decided to do was set ".yui-dt table { width:100% }". Well, the table does indeed take up the full width like I want, but for some reason, the columns now take more space than necessary, and a horizontal scrollbar is introduced. The best way of showing what I mean is with this test [more...]

Date: 2010-07-03 17:19:59

YUI TabView Reset CSS - CSS - Snipplr Social Snippet Repository

This is a CSS reset snippet for the default (yui-navset-top) style of YUI TabView 2.7.0. This snippet enables rapid TabView prototyping and makes it easy to overwrite the default style while still serving the main CSS from Yahoo!'s servers. Note: Does not overwrite the :hover states. To do so, simply copy and paste a given block and add :hover on the end. :) Update (05.07.09): Now includes the fix for the following 2.7.0 [more...]

Date: 2009-03-13 18:52:23

YUI Library :: Forums :: View topic - Overlay, Positioning

    Creating and Positioning an Overlay     body {     margin:0;     padding:0;   }                 .yui-overlay { position:absolute;background:#fff;border:1px dotted black;padding:5px;margin:10px; }     .yui-overlay .hd { border:1px solid red;padding:5px; }     .yui-overlay .bd { border:1px solid green;padding:5px; }     .yui-overlay .ft { border:1px solid blue;padding:5px; }     #webthumb { width:200px;height:200px;background-color:blue;top:100px;left:100px;position:absolute; }         [more...]

Date: 2010-06-26 21:53:31

[Problème] Mod Ari Yui Menu. Comment mettre un fond aux sous menus?

, sauf sur demande express de ma part !Je ne réponds pas aux demandes MP non réclamées. Site support francophone du composant hwdVideoShare : http://support.lab-project.net/forum , sauf sur demande express de ma part !Je ne réponds pas aux demandes MP non réclamées. Site support francophone du composant hwdVideoShare : [more...]

Date: 2010-07-23 14:42:45

Make YUI's Editor More Pluggable - seanmonstar

addClass(document.body,'yui-skin-sam'); }); The last line uses YUI’s onDOMReady function to wait until the DOM is accessible, then uses YUI’s Dom object to add yui-skin-samto the body tag. This may seem like a useless modification, but now, I can simply copy and paste this code snippet, or even externalize and just include the Javascript file, into any page I want, and not have to remember to add a class to my [more...]

Date: 2008-09-03 20:57:00

13 Results