Author: ilya_shaikovsky Date: 2009-08-19 10:10:45 -0400 (Wed, 19 Aug 2009) New Revision: 15221 Added: root/examples/trunk/richfaces-demo/src/main/java/ root/examples/trunk/richfaces-demo/src/main/java/org/ root/examples/trunk/richfaces-demo/src/main/java/org/richfaces/ root/examples/trunk/richfaces-demo/src/main/java/org/richfaces/demo/ root/examples/trunk/richfaces-demo/src/main/java/org/richfaces/demo/function/ root/examples/trunk/richfaces-demo/src/main/java/org/richfaces/demo/function/FunctionBean.java root/examples/trunk/richfaces-demo/src/main/java/org/richfaces/demo/mediaOutput/ root/examples/trunk/richfaces-demo/src/main/java/org/richfaces/demo/mediaOutput/MediaBean.java root/examples/trunk/richfaces-demo/src/main/java/org/richfaces/demo/mediaOutput/MediaData.java root/examples/trunk/richfaces-demo/src/main/java/org/richfaces/demo/push/ root/examples/trunk/richfaces-demo/src/main/java/org/richfaces/demo/push/Choice.java root/examples/trunk/richfaces-demo/src/main/java/org/richfaces/demo/push/ChoicesBean.java root/examples/trunk/richfaces-demo/src/main/resources/ root/examples/trunk/richfaces-demo/src/main/resources/org/ root/examples/trunk/richfaces-demo/src/main/resources/org/richfaces/ root/examples/trunk/richfaces-demo/src/main/resources/org/richfaces/demo/ root/examples/trunk/richfaces-demo/src/main/resources/org/richfaces/demo/mediaOutput/ root/examples/trunk/richfaces-demo/src/main/resources/org/richfaces/demo/mediaOutput/text.swf root/examples/trunk/richfaces-demo/src/main/webapp/CSS/ root/examples/trunk/richfaces-demo/src/main/webapp/CSS/yuiLayouts/ root/examples/trunk/richfaces-demo/src/main/webapp/CSS/yuiLayouts/fonts-context.css root/examples/trunk/richfaces-demo/src/main/webapp/CSS/yuiLayouts/fonts.css root/examples/trunk/richfaces-demo/src/main/webapp/CSS/yuiLayouts/grids-context.css root/examples/trunk/richfaces-demo/src/main/webapp/CSS/yuiLayouts/grids.css root/examples/trunk/richfaces-demo/src/main/webapp/CSS/yuiLayouts/layout.css root/examples/trunk/richfaces-demo/src/main/webapp/CSS/yuiLayouts/page.css root/examples/trunk/richfaces-demo/src/main/webapp/CSS/yuiLayouts/reset-context.css root/examples/trunk/richfaces-demo/src/main/webapp/CSS/yuiLayouts/reset-fonts-grids.css root/examples/trunk/richfaces-demo/src/main/webapp/CSS/yuiLayouts/reset.css root/examples/trunk/richfaces-demo/src/main/webapp/CSS/yuiLayouts/simple.css root/examples/trunk/richfaces-demo/src/main/webapp/images/ root/examples/trunk/richfaces-demo/src/main/webapp/images/richfaces-banner.png root/examples/trunk/richfaces-demo/src/main/webapp/index.jsp root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/ root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/jsFunction.xhtml root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/jsFunction/ root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/jsFunction/usage.xhtml root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/mediaOutput.xhtml root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/mediaOutput/ root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/mediaOutput/flashUsage.xhtml root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/mediaOutput/imgUsage.xhtml root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/push.xhtml root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/push/ root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/push/usage.xhtml root/examples/trunk/richfaces-demo/src/main/webapp/templates/ root/examples/trunk/richfaces-demo/src/main/webapp/templates/includes/ root/examples/trunk/richfaces-demo/src/main/webapp/templates/includes/navigation.xhtml root/examples/trunk/richfaces-demo/src/main/webapp/templates/main.xhtml root/examples/trunk/richfaces-demo/src/main/webapp/welcome.xhtml Log: components gallery cases drafts Added: root/examples/trunk/richfaces-demo/src/main/java/org/richfaces/demo/function/FunctionBean.java =================================================================== --- root/examples/trunk/richfaces-demo/src/main/java/org/richfaces/demo/function/FunctionBean.java (rev 0) +++ root/examples/trunk/richfaces-demo/src/main/java/org/richfaces/demo/function/FunctionBean.java 2009-08-19 14:10:45 UTC (rev 15221) @@ -0,0 +1,25 @@ +package org.richfaces.demo.function; + +import javax.faces.bean.ManagedBean; +import javax.faces.bean.RequestScoped; +import javax.faces.context.FacesContext; + +@ManagedBean(name = "functionBean") +@RequestScoped +public class FunctionBean { + private String text; + + public void processHover() { + setText(FacesContext.getCurrentInstance().getExternalContext() + .getRequestParameterMap().get("name")); + } + + public String getText() { + return text; + } + + public void setText(String text) { + this.text = text; + } + +} Added: root/examples/trunk/richfaces-demo/src/main/java/org/richfaces/demo/mediaOutput/MediaBean.java =================================================================== --- root/examples/trunk/richfaces-demo/src/main/java/org/richfaces/demo/mediaOutput/MediaBean.java (rev 0) +++ root/examples/trunk/richfaces-demo/src/main/java/org/richfaces/demo/mediaOutput/MediaBean.java 2009-08-19 14:10:45 UTC (rev 15221) @@ -0,0 +1,76 @@ +package org.richfaces.demo.mediaOutput; + +import java.awt.Color; +import java.awt.Font; +import java.awt.Graphics2D; +import java.awt.geom.AffineTransform; +import java.awt.image.BufferedImage; +import java.io.IOException; +import java.io.InputStream; +import java.io.OutputStream; + +import javax.faces.bean.ManagedBean; +import javax.faces.bean.SessionScoped; +import javax.imageio.ImageIO; +@ManagedBean(name="mediaBean") +@SessionScoped +public class MediaBean { + + public void paint(OutputStream out, Object data) throws IOException{ + if (data instanceof MediaData) { + MediaData paintData = (MediaData) data; + BufferedImage img = new BufferedImage(paintData.width, paintData.height, BufferedImage.TYPE_INT_RGB); + Graphics2D g2d = img.createGraphics(); + + g2d.setColor(Color.WHITE); + g2d.fillRect(0, 0, 300, 120); + + int testLenght = paintData.text.length(); + int fontSize = testLenght < 8? 40 : 40 - (testLenght - 8); + if (fontSize < 12)fontSize = 12; + Font font = new Font("Serif", Font.HANGING_BASELINE, fontSize); + g2d.setFont(font); + + int x = 10; + int y = fontSize*5/2; + g2d.translate(x, y); + Color color = new Color(paintData.color); + g2d.setPaint(new Color(color.getRed(),color.getGreen(), color.getBlue(), 30)); + AffineTransform origTransform = g2d.getTransform(); + g2d.shear(-0.5*paintData.scale, 0); + g2d.scale(1, paintData.scale); + g2d.drawString(paintData.text, 0, 0); + + g2d.setTransform(origTransform); + g2d.setPaint(color); + g2d.drawString(paintData.text, 0, 0); + ImageIO.write(img,"jpeg",out); + + } + } + + private void copy(InputStream in, OutputStream out) throws IOException { + byte[] buffer = new byte[2048]; + int read; + + while ((read = in.read(buffer)) != -1) { + out.write(buffer, 0, read); + } + } + + public void paintFlash(OutputStream out, Object data) throws IOException { + ClassLoader loader = Thread.currentThread().getContextClassLoader(); + if (loader == null) { + loader = getClass().getClassLoader(); + } + + InputStream stream = loader.getResourceAsStream("org/richfaces/demo/mediaoutput/text.swf"); + if (stream != null) { + try { + copy(stream, out); + } finally { + stream.close(); + } + } + } +} \ No newline at end of file Added: root/examples/trunk/richfaces-demo/src/main/java/org/richfaces/demo/mediaOutput/MediaData.java =================================================================== --- root/examples/trunk/richfaces-demo/src/main/java/org/richfaces/demo/mediaOutput/MediaData.java (rev 0) +++ root/examples/trunk/richfaces-demo/src/main/java/org/richfaces/demo/mediaOutput/MediaData.java 2009-08-19 14:10:45 UTC (rev 15221) @@ -0,0 +1,64 @@ +package org.richfaces.demo.mediaOutput; + +import java.awt.Color; +import java.io.Serializable; + +import javax.faces.bean.ManagedBean; +import javax.faces.bean.SessionScoped; + +@ManagedBean(name="mediaData") +@SessionScoped +public class MediaData implements Serializable{ + /** + * + */ + private static final long serialVersionUID = 1L; + int width = 300; + int height = 120; + String text; + Integer color; + float scale; + + public MediaData() { + setText("RichFaces 4.0"); + setColor(1000); + setScale(2); + System.out.println("MediaData instantiated"); + } + + public Integer getColor() { + return color; + } + public void setColor(Integer color) { + this.color = color; + } + public float getScale() { + return scale; + } + public void setScale(float scale) { + this.scale = scale; + } + + public String getText() { + return text; + } + public void setText(String text) { + this.text = text; + } + + public int getWidth() { + return width; + } + + public void setWidth(int width) { + this.width = width; + } + + public int getHeight() { + return height; + } + + public void setHeight(int height) { + this.height = height; + } +} Added: root/examples/trunk/richfaces-demo/src/main/java/org/richfaces/demo/push/Choice.java =================================================================== --- root/examples/trunk/richfaces-demo/src/main/java/org/richfaces/demo/push/Choice.java (rev 0) +++ root/examples/trunk/richfaces-demo/src/main/java/org/richfaces/demo/push/Choice.java 2009-08-19 14:10:45 UTC (rev 15221) @@ -0,0 +1,29 @@ +package org.richfaces.demo.push; + +public class Choice { + private String label; + private int votesCount; + + public Choice(String label) { + this.label = label; + this.votesCount = 0; + } + + public void increment(int i) { + this.votesCount+=i; + } + + public String getLabel() { + return label; + } + public void setLabel(String label) { + this.label = label; + } + public int getVotesCount() { + return votesCount; + } + public void setVotesCount(int votesCount) { + this.votesCount = votesCount; + } + +} Added: root/examples/trunk/richfaces-demo/src/main/java/org/richfaces/demo/push/ChoicesBean.java =================================================================== --- root/examples/trunk/richfaces-demo/src/main/java/org/richfaces/demo/push/ChoicesBean.java (rev 0) +++ root/examples/trunk/richfaces-demo/src/main/java/org/richfaces/demo/push/ChoicesBean.java 2009-08-19 14:10:45 UTC (rev 15221) @@ -0,0 +1,151 @@ +package org.richfaces.demo.push; + +import java.util.ArrayList; +import java.util.Date; +import java.util.EventListener; +import java.util.EventObject; +import java.util.HashSet; +import java.util.List; +import java.util.Random; +import java.util.Set; + +import javax.faces.bean.ManagedBean; +import javax.faces.bean.SessionScoped; + +import org.ajax4jsf.event.PushEventListener; + +@ManagedBean(name="choicesBean") +@SessionScoped +public class ChoicesBean implements Runnable { + private List<Choice> choices; + private List<Choice> lastVotes; + private Thread thread; + private boolean enabled = false; + private Date startDate; + private String updateInfo; + PushEventListener listener; + + public ChoicesBean() { + choices = new ArrayList<Choice>(); + lastVotes = new ArrayList<Choice>(); + + choices.add(new Choice("Orange")); + choices.add(new Choice("Pineapple")); + choices.add(new Choice("Banana")); + choices.add(new Choice("Kiwifruit")); + choices.add(new Choice("Apple")); + + lastVotes.add(new Choice("Orange")); + lastVotes.add(new Choice("Pineapple")); + lastVotes.add(new Choice("Banana")); + lastVotes.add(new Choice("Kiwifruit")); + lastVotes.add(new Choice("Apple")); + } + + public List<Choice> getChoices() { + return choices; + } + + public void setChoices(List<Choice> choices) { + this.choices = choices; + } + + public void addListener(EventListener listener) { + if (this.listener != listener) { + this.listener = (PushEventListener) listener; + } + } + + public String getTimeStamp() { + return new Date().toGMTString(); + } + + public synchronized void start() { + if (thread == null) { + setStartDate(new Date()); + setEnabled(true); + thread = new Thread(this); + thread.setDaemon(true); + thread.start(); + } + } + + public synchronized void stop() { + if (thread != null) { + setStartDate(null); + setEnabled(false); + thread = null; + } + } + + public static int rand(int lo, int hi) { + Random rn2 = new Random(); + int n = hi - lo + 1; + int i = rn2.nextInt() % n; + if (i < 0) + i = -i; + return lo + i; + } + public void run() { + while (thread != null) { + try { + if (((new Date()).getTime() - startDate.getTime()) >= 60000) { + stop(); + } + // changing votes count + for (Choice choice : lastVotes) { + choice.setVotesCount(rand(0, 3)); + } + System.out.println("New Event!"); + listener.onEvent(new EventObject(this)); + Thread.sleep(10000); + } catch (InterruptedException e) { + e.printStackTrace(); + } + } + } + + public void processUpdates() { + for (Choice choice : lastVotes) { + if (choice.getVotesCount() > 0) { + int index = lastVotes.indexOf(choice); + choices.get(index).increment(choice.getVotesCount()); + } + } + updateInfo="[ "; + for (Choice choice : lastVotes) { + updateInfo+=choice.getVotesCount()+" "; + } + updateInfo+="] "; + System.out.println("ChoicesBean.processUpdates()"); + } + + public Thread getThread() { + return thread; + } + + public boolean isEnabled() { + return enabled; + } + + public void setEnabled(boolean enabled) { + this.enabled = enabled; + } + + public Date getStartDate() { + return startDate; + } + + public void setStartDate(Date startDate) { + this.startDate = startDate; + } + + public String getUpdateInfo() { + return updateInfo; + } + + public List<Choice> getLastVotes() { + return lastVotes; + } + +} Added: root/examples/trunk/richfaces-demo/src/main/resources/org/richfaces/demo/mediaOutput/text.swf =================================================================== (Binary files differ) Property changes on: root/examples/trunk/richfaces-demo/src/main/resources/org/richfaces/demo/mediaOutput/text.swf ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: root/examples/trunk/richfaces-demo/src/main/webapp/CSS/yuiLayouts/fonts-context.css =================================================================== --- root/examples/trunk/richfaces-demo/src/main/webapp/CSS/yuiLayouts/fonts-context.css (rev 0) +++ root/examples/trunk/richfaces-demo/src/main/webapp/CSS/yuiLayouts/fonts-context.css 2009-08-19 14:10:45 UTC (rev 15221) @@ -0,0 +1,46 @@ +/* +Copyright (c) 2008, Yahoo! Inc. All rights reserved. +Code licensed under the BSD License: +http://developer.yahoo.net/yui/license.txt +version: 3.0.0pr2 +*/ +/** + * Percents could work for IE, but for backCompat purposes, we are using keywords. + * x-small is for IE6/7 quirks mode. + */ +.yui-cssfonts body, .yui-cssfonts { + font:13px/1.231 arial,helvetica,clean,sans-serif; + *font-size:small; /* for IE */ + *font:x-small; /* for IE in quirks mode */ +} + +/** + * Nudge down to get to 13px equivalent for these form elements + */ +.yui-cssfonts select, +.yui-cssfonts input, +.yui-cssfonts button, +.yui-cssfonts textarea { + font:99% arial,helvetica,clean,sans-serif; +} + +/** + * To help tables remember to inherit + */ +.yui-cssfonts table { + font-size:inherit; + font:100%; +} + +/** + * Bump up IE to get to 13px equivalent for these fixed-width elements + */ +.yui-cssfonts pre, +.yui-cssfonts code, +.yui-cssfonts kbd, +.yui-cssfonts samp, +.yui-cssfonts tt { + font-family:monospace; + *font-size:108%; + line-height:100%; +} \ No newline at end of file Added: root/examples/trunk/richfaces-demo/src/main/webapp/CSS/yuiLayouts/fonts.css =================================================================== --- root/examples/trunk/richfaces-demo/src/main/webapp/CSS/yuiLayouts/fonts.css (rev 0) +++ root/examples/trunk/richfaces-demo/src/main/webapp/CSS/yuiLayouts/fonts.css 2009-08-19 14:10:45 UTC (rev 15221) @@ -0,0 +1,46 @@ +/* +Copyright (c) 2008, Yahoo! Inc. All rights reserved. +Code licensed under the BSD License: +http://developer.yahoo.net/yui/license.txt +version: 3.0.0pr2 +*/ +/** + * Percents could work for IE, but for backCompat purposes, we are using keywords. + * x-small is for IE6/7 quirks mode. + */ +body { + font:13px/1.231 arial,helvetica,clean,sans-serif; + *font-size:small; /* for IE */ + *font:x-small; /* for IE in quirks mode */ +} + +/** + * Nudge down to get to 13px equivalent for these form elements + */ +select, +input, +button, +textarea { + font:99% arial,helvetica,clean,sans-serif; +} + +/** + * To help tables remember to inherit + */ +table { + font-size:inherit; + font:100%; +} + +/** + * Bump up IE to get to 13px equivalent for these fixed-width elements + */ +pre, +code, +kbd, +samp, +tt { + font-family:monospace; + *font-size:108%; + line-height:100%; +} \ No newline at end of file Added: root/examples/trunk/richfaces-demo/src/main/webapp/CSS/yuiLayouts/grids-context.css =================================================================== --- root/examples/trunk/richfaces-demo/src/main/webapp/CSS/yuiLayouts/grids-context.css (rev 0) +++ root/examples/trunk/richfaces-demo/src/main/webapp/CSS/yuiLayouts/grids-context.css 2009-08-19 14:10:45 UTC (rev 15221) @@ -0,0 +1,490 @@ +/* +Copyright (c) 2008, Yahoo! Inc. All rights reserved. +Code licensed under the BSD License: +http://developer.yahoo.net/yui/license.txt +version: 3.0.0pr2 +*/ +/* +* +* The YUI CSS Foundation uses the *property and _property CSS filter +* techniques to shield a value from A-grade browsers [1] other than +* IE6 & IE7 (*property) and IE6 (_property) +* +/ +Section: General Rules +*/ +.yui-cssgrids body { + /* center the page - removed (SS)*/ + /* text-align: center; */ + margin-left: auto; + margin-right: auto; +} +/* +Section: Page Width Rules (#doc, #doc2, #doc3, #doc4) +*/ +/* +Subsection: General +*/ +.yui-cssgrids .yui-d0, /* 100% */ +.yui-cssgrids .yui-d1, /* 750px */ +.yui-cssgrids .yui-d1f, /* 750px fixed */ +.yui-cssgrids .yui-d2, /* 950px */ +.yui-cssgrids .yui-d2f, /* 950px fixed */ +.yui-cssgrids .yui-d3, /* 974px */ +.yui-cssgrids .yui-d3f { /* 974px fixed */ + margin: auto; + text-align: left; + width: 57.69em; + *width: 56.25em; /* doc1*/ +} + +.yui-cssgrids .yui-t1, +.yui-cssgrids .yui-t2, +.yui-cssgrids .yui-t3, +.yui-cssgrids .yui-t4, +.yui-cssgrids .yui-t5, +.yui-cssgrids .yui-t6 { + margin: auto; + text-align: left; + width: 100%; +} + +/* +Subsection: 100% (doc) +*/ +.yui-cssgrids .yui-d0 { + /* Left and Right margins are not a structural part of Grids. Without them Grids + works fine, but content bleeds to the very edge of the document, which often + impairs readability and usability. They are + provided because they prevent the content from "bleeding" into the browser's chrome.*/ + margin: auto 10px; + width: auto; +} +.yui-cssgrids .yui-d0f { + width: 100%; +} + +/* +Subsection: 950 Centered (doc2) +*/ +.yui-cssgrids .yui-d2 { + width: 73.076em; + *width: 71.25em; +} +.yui-cssgrids .yui-d2f { + width: 950px; +} +/* +Subsection: 974 Centered (doc3) +*/ +.yui-cssgrids .yui-d3 { + width: 74.923em; + *width: 73.05em; +} +.yui-cssgrids .yui-d3f { + width: 974px; +} +/* +Section: Preset Template Rules (.yui-t[1-6]) +*/ +/* +Subsection: General +*/ + +/* to preserve source-order independence for Gecko without breaking IE */ +.yui-cssgrids .yui-b { + position: relative; +} +.yui-cssgrids .yui-b { + _position: static; +} +.yui-cssgrids .yui-main .yui-b { + position: static; +} +.yui-cssgrids .yui-main { + width: 100%; +} +.yui-cssgrids .yui-t1 .yui-main, +.yui-cssgrids .yui-t2 .yui-main, +.yui-cssgrids .yui-t3 .yui-main { + float: right; + /* IE: preserve layout at narrow widths */ + margin-left: -25em; +} +.yui-cssgrids .yui-t4 .yui-main, +.yui-cssgrids .yui-t5 .yui-main, +.yui-cssgrids .yui-t6 .yui-main { + float: left; + /* IE: preserve layout at narrow widths */ + margin-right: -25em; +} + +/* Subsection: For Specific Template Presets */ + +/** +* Nudge down to get to 13px equivalent for these form elements +*/ + +/* +TODO Create t1-6's that are based on fixed widths +*/ +/* t1 narrow block = left, equivalent of 160px */ +.yui-cssgrids .yui-t1 .yui-b { + float: left; + width: 12.30769em; + *width: 12.00em; +} +.yui-cssgrids .yui-t1 .yui-main .yui-b { + margin-left: 13.30769em; + *margin-left:12.975em; +} +/* t2 narrow block = left, equivalent of 180px */ +.yui-cssgrids .yui-t2 .yui-b { + float: left; + width: 13.84615em; + *width: 13.50em; +} +.yui-cssgrids .yui-t2 .yui-main .yui-b { + margin-left: 14.84615em; + *margin-left: 14.475em; +} +/* t3 narrow block = left, equivalent of 300px */ +.yui-cssgrids .yui-t3 .yui-b { + float: left; + width: 23.0769em; + *width: 22.50em; +} +.yui-cssgrids .yui-t3 .yui-main .yui-b { + margin-left: 24.0769em; + *margin-left: 23.475em; +} +/* t4 narrow block = right, equivalent of 180px */ +.yui-cssgrids .yui-t4 .yui-b { + float: right; + width: 13.8456em; + *width: 13.50em; +} +.yui-cssgrids .yui-t4 .yui-main .yui-b { + margin-right: 14.8456em; + *margin-right: 14.475em; +} +/* t5 narrow block = right, equivalent of 240px */ +.yui-cssgrids .yui-t5 .yui-b { + float: right; + width: 18.4615em; + *width: 18.00em; +} +.yui-cssgrids .yui-t5 .yui-main .yui-b { + margin-right: 19.4615em; + *margin-right: 18.975em; +} +/* t6 narrow block = equivalent of 300px */ +.yui-cssgrids .yui-t6 .yui-b { + float: right; + width: 23.0769em; + *width: 22.50em; +} +.yui-cssgrids .yui-t6 .yui-main .yui-b { + margin-right: 24.0769em; + *margin-right: 23.475em; +} + +.yui-cssgrids .yui-main .yui-b { + float: none; + width: auto; +} + +/* +Section: Grids and Nesting Grids +*/ + +/* +Subsection: Children generally take half the available space +*/ + +.yui-cssgrids .yui-gb .yui-u, +.yui-cssgrids .yui-g .yui-gb .yui-u, +.yui-cssgrids .yui-gb .yui-g, +.yui-cssgrids .yui-gb .yui-gb, +.yui-cssgrids .yui-gb .yui-gc, +.yui-cssgrids .yui-gb .yui-gd, +.yui-cssgrids .yui-gb .yui-ge, +.yui-cssgrids .yui-gb .yui-gf, +.yui-cssgrids .yui-gc .yui-u, +.yui-cssgrids .yui-gc .yui-g, +.yui-cssgrids .yui-gd .yui-u { + float: left; +} + +/*Float units (and sub grids) to the right */ +.yui-cssgrids .yui-g .yui-u, +.yui-cssgrids .yui-g .yui-g, +.yui-cssgrids .yui-g .yui-gb, +.yui-cssgrids .yui-g .yui-gc, +.yui-cssgrids .yui-g .yui-gd, +.yui-cssgrids .yui-g .yui-ge, +.yui-cssgrids .yui-g .yui-gf, +.yui-cssgrids .yui-gc .yui-u, +.yui-cssgrids .yui-gd .yui-g, +.yui-cssgrids .yui-g .yui-gc .yui-u, +.yui-cssgrids .yui-ge .yui-u, +.yui-cssgrids .yui-ge .yui-g, +.yui-cssgrids .yui-gf .yui-g, +.yui-cssgrids .yui-gf .yui-u { + float: right; +} + +/*Float units (and sub grids) to the left */ +.yui-cssgrids .yui-g div.first, +.yui-cssgrids .yui-gb div.first, +.yui-cssgrids .yui-gc div.first, +.yui-cssgrids .yui-gd div.first, +.yui-cssgrids .yui-ge div.first, +.yui-cssgrids .yui-gf div.first, +.yui-cssgrids .yui-g .yui-gc div.first, +.yui-cssgrids .yui-g .yui-ge div.first, +.yui-cssgrids .yui-gc div.first div.first { + float: left; +} + +.yui-cssgrids .yui-g .yui-u, +.yui-cssgrids .yui-g .yui-g, +.yui-cssgrids .yui-g .yui-gb, +.yui-cssgrids .yui-g .yui-gc, +.yui-cssgrids .yui-g .yui-gd, +.yui-cssgrids .yui-g .yui-ge, +.yui-cssgrids .yui-g .yui-gf { + width: 49.1%; +} + +.yui-cssgrids .yui-gb .yui-u, +.yui-cssgrids .yui-g .yui-gb .yui-u, +.yui-cssgrids .yui-gb .yui-g, +.yui-cssgrids .yui-gb .yui-gb, +.yui-cssgrids .yui-gb .yui-gc, +.yui-cssgrids .yui-gb .yui-gd, +.yui-cssgrids .yui-gb .yui-ge, +.yui-cssgrids .yui-gb .yui-gf, +.yui-cssgrids .yui-gc .yui-u, +.yui-cssgrids .yui-gc .yui-g, +.yui-cssgrids .yui-gd .yui-u { + width: 32%; + margin-left: 2.0%; +} + +/* Give IE some extra breathing room for 1/3-based rounding issues */ +.yui-cssgrids .yui-gb .yui-u { + *width: 31.8%; + *margin-left: 1.9%; +} + +.yui-cssgrids .yui-gc div.first, +.yui-cssgrids .yui-gd .yui-u { + width: 66%; + _width: 65.7%; +} +.yui-cssgrids .yui-gd div.first { + width: 32%; + _width: 31.5%; +} + +.yui-cssgrids .yui-ge div.first, +.yui-cssgrids .yui-gf .yui-u { + width: 74.2%; + _width: 74%; +} + +.yui-cssgrids .yui-ge .yui-u, +.yui-cssgrids .yui-gf div.first { + width: 24%; + _width: 23.8%; +} + +.yui-cssgrids .yui-g .yui-gb div.first, +.yui-cssgrids .yui-gb div.first, +.yui-cssgrids .yui-gc div.first, +.yui-cssgrids .yui-gd div.first { + margin-left: 0; +} + +/* +Section: Deep Nesting +*/ +.yui-cssgrids .yui-g .yui-g .yui-u, +.yui-cssgrids .yui-gb .yui-g .yui-u, +.yui-cssgrids .yui-gc .yui-g .yui-u, +.yui-cssgrids .yui-gd .yui-g .yui-u, +.yui-cssgrids .yui-ge .yui-g .yui-u, +.yui-cssgrids .yui-gf .yui-g .yui-u { + width: 49%; + *width: 48.1%; + *margin-left: 0; +} + +.yui-cssgrids .yui-g .yui-gb div.first, +.yui-cssgrids .yui-gb .yui-gb div.first { + *margin-right: 0; + *width: 32%; + _width: 31.7%; +} + +.yui-cssgrids .yui-g .yui-gc div.first, +.yui-cssgrids .yui-gd .yui-g { + width: 66%; +} + +.yui-cssgrids .yui-gb .yui-g div.first { + *margin-right: 4%; + _margin-right: 1.3%; +} + +.yui-cssgrids .yui-gb .yui-gc div.first, +.yui-cssgrids .yui-gb .yui-gd div.first { + *margin-right: 0; +} + +.yui-cssgrids .yui-gb .yui-gb .yui-u, +.yui-cssgrids .yui-gb .yui-gc .yui-u { + *margin-left: 1.8%; + _margin-left: 4%; +} + +.yui-cssgrids .yui-g .yui-gb .yui-u { + _margin-left: 1.0%; +} + +.yui-cssgrids .yui-gb .yui-gd .yui-u { + *width: 66%; + _width: 61.2%; +} +.yui-cssgrids .yui-gb .yui-gd div.first { + *width: 31%; + _width: 29.5%; +} + +.yui-cssgrids .yui-g .yui-gc .yui-u, +.yui-cssgrids .yui-gb .yui-gc .yui-u { + width: 32%; + _float: right; + margin-right: 0; + _margin-left: 0; +} +.yui-cssgrids .yui-gb .yui-gc div.first { + width: 66%; + *float: left; + *margin-left: 0; +} + +.yui-cssgrids .yui-gb .yui-ge .yui-u, +.yui-cssgrids .yui-gb .yui-gf .yui-u { + margin: 0; +} + +.yui-cssgrids .yui-gb .yui-gb .yui-u { + _margin-left: .7%; +} + +.yui-cssgrids .yui-gb .yui-g div.first, +.yui-cssgrids .yui-gb .yui-gb div.first { + *margin-left:0; +} + +.yui-cssgrids .yui-gc .yui-g .yui-u, +.yui-cssgrids .yui-gd .yui-g .yui-u { + *width: 48.1%; + *margin-left: 0; +} + +.yui-cssgrids .yui-gb .yui-gd div.first { + width: 32%; +} +.yui-cssgrids .yui-g .yui-gd div.first { + _width: 29.9%; +} + +.yui-cssgrids .yui-ge .yui-g { + width: 24%; +} +.yui-cssgrids .yui-gf .yui-g { + width: 74.2%; +} + +.yui-cssgrids .yui-gb .yui-ge div.yui-u, +.yui-cssgrids .yui-gb .yui-gf div.yui-u { + float: right; +} +.yui-cssgrids .yui-gb .yui-ge div.first, +.yui-cssgrids .yui-gb .yui-gf div.first { + float: left; +} + +/* Width Accommodation for Nested Contexts */ +.yui-cssgrids .yui-gb .yui-ge .yui-u, +.yui-cssgrids .yui-gb .yui-gf div.first { + *width: 24%; + _width: 20%; +} + +/* Width Accommodation for Nested Contexts */ + +.yui-cssgrids .yui-gc .yui-gf .yui-u { + width: 74%; + _width: 73%; +} + +.yui-cssgrids .yui-gc .yui-gf div.first { + width: 24%; +} + +.yui-cssgrids .yui-gb .yui-ge div.first, +.yui-cssgrids .yui-gb .yui-gf .yui-u { + *width: 73.5%; + _width: 65.5%; +} + +/* Patch for GD within GE */ +.yui-cssgrids .yui-ge div.first .yui-gd .yui-u { + width: 65%; +} +.yui-cssgrids .yui-ge div.first .yui-gd div.first { + width: 32%; +} + +/* +Section: Clearing. zoom for IE, :after for others +*/ + +.yui-cssgrids #bd:after, +.yui-cssgrids .yui-g:after, +.yui-cssgrids .yui-gb:after, +.yui-cssgrids .yui-gc:after, +.yui-cssgrids .yui-gd:after, +.yui-cssgrids .yui-ge:after, +.yui-cssgrids .yui-gf:after, +.yui-cssgrids .yui-t1:after, +.yui-cssgrids .yui-t2:after, +.yui-cssgrids .yui-t3:after, +.yui-cssgrids .yui-t4:after, +.yui-cssgrids .yui-t5:after, +.yui-cssgrids .yui-t6:after { + content: "."; + display: block; + height: 0; + clear: both; + visibility: hidden; +} +.yui-cssgrids #bd, +.yui-cssgrids .yui-g, +.yui-cssgrids .yui-gb, +.yui-cssgrids .yui-gc, +.yui-cssgrids .yui-gd, +.yui-cssgrids .yui-ge, +.yui-cssgrids .yui-gf, +.yui-cssgrids .yui-t1, +.yui-cssgrids .yui-t2, +.yui-cssgrids .yui-t3, +.yui-cssgrids .yui-t4, +.yui-cssgrids .yui-t5, +.yui-cssgrids .yui-t6 { + zoom: 1; +} \ No newline at end of file Added: root/examples/trunk/richfaces-demo/src/main/webapp/CSS/yuiLayouts/grids.css =================================================================== --- root/examples/trunk/richfaces-demo/src/main/webapp/CSS/yuiLayouts/grids.css (rev 0) +++ root/examples/trunk/richfaces-demo/src/main/webapp/CSS/yuiLayouts/grids.css 2009-08-19 14:10:45 UTC (rev 15221) @@ -0,0 +1,480 @@ +/* +Copyright (c) 2008, Yahoo! Inc. All rights reserved. +Code licensed under the BSD License: +http://developer.yahoo.net/yui/license.txt +version: 3.0.0pr2 +*/ +/* +* +* The YUI CSS Foundation uses the *property and _property CSS filter +* techniques to shield a value from A-grade browsers [1] other than +* IE6 & IE7 (*property) and IE6 (_property) +* +/ +Section: General Rules +*/ +body { + /* center the page - removed (SS)*/ + /*text-align: center; */ + margin-left: auto; + margin-right: auto; +} +/* +Section: Page Width Rules (#doc, #doc2, #doc3, #doc4) +*/ +/* +Subsection: General +*/ +.yui-d0, /* 100% */ +.yui-d1, /* 750px */ +.yui-d1f, /* 750px fixed */ +.yui-d2, /* 950px */ +.yui-d2f, /* 950px fixed */ +.yui-d3, /* 974px */ +.yui-d3f { /* 974px fixed */ + margin: auto; + text-align: left; + width: 57.69em; + *width: 56.25em; /* doc1*/ +} + +.yui-t1, +.yui-t2, +.yui-t3, +.yui-t4, +.yui-t5, +.yui-t6 { + margin: auto; + text-align: left; + width: 100%; +} + +/* +Subsection: 100% (doc) +*/ +.yui-d0 { + /* Left and Right margins are not a structural part of Grids. Without them Grids + works fine, but content bleeds to the very edge of the document, which often + impairs readability and usability. They are + provided because they prevent the content from "bleeding" into the browser's chrome.*/ + margin: auto 10px; + width: auto; +} +.yui-d0f { + width: 100%; +} + +/* +Subsection: 950 Centered (doc2) +*/ +.yui-d2 { + width: 73.076em; + *width: 71.25em; +} +.yui-d2f { + width: 950px; +} +/* +Subsection: 974 Centered (doc3) +*/ +.yui-d3 { + width: 74.923em; + *width: 73.05em; +} +.yui-d3f { + width: 974px; +} +/* +Section: Preset Template Rules (.yui-t[1-6]) +*/ +/* +Subsection: General +*/ + +/* to preserve source-order independence for Gecko without breaking IE */ +.yui-b { + position: relative; +} +.yui-b { + _position: static; +} +.yui-main .yui-b { + position: static; +} +.yui-main { + width: 100%; +} +.yui-t1 .yui-main, +.yui-t2 .yui-main, +.yui-t3 .yui-main { + float: right; + /* IE: preserve layout at narrow widths */ + margin-left: -25em; +} +.yui-t4 .yui-main, +.yui-t5 .yui-main, +.yui-t6 .yui-main { + float: left; + /* IE: preserve layout at narrow widths */ + margin-right: -25em; +} + +/* Subsection: For Specific Template Presets */ + +/** +* Nudge down to get to 13px equivalent for these form elements +*/ + +/* +TODO Create t1-6's that are based on fixed widths +*/ +/* t1 narrow block = left, equivalent of 160px */ +.yui-t1 .yui-b { + float: left; + width: 12.30769em; + *width: 12.00em; +} +.yui-t1 .yui-main .yui-b { + margin-left: 13.30769em; + *margin-left:12.975em; +} +/* t2 narrow block = left, equivalent of 180px */ +.yui-t2 .yui-b { + float: left; + width: 13.84615em; + *width: 13.50em; +} +.yui-t2 .yui-main .yui-b { + margin-left: 14.84615em; + *margin-left: 14.475em; +} +/* t3 narrow block = left, equivalent of 300px */ +.yui-t3 .yui-b { + float: left; + width: 23.0769em; + *width: 22.50em; +} +.yui-t3 .yui-main .yui-b { + margin-left: 24.0769em; + *margin-left: 23.475em; +} +/* t4 narrow block = right, equivalent of 180px */ +.yui-t4 .yui-b { + float: right; + width: 13.8456em; + *width: 13.50em; +} +.yui-t4 .yui-main .yui-b { + margin-right: 14.8456em; + *margin-right: 14.475em; +} +/* t5 narrow block = right, equivalent of 240px */ +.yui-t5 .yui-b { + float: right; + width: 18.4615em; + *width: 18.00em; +} +.yui-t5 .yui-main .yui-b { + margin-right: 19.4615em; + *margin-right: 18.975em; +} +/* t6 narrow block = equivalent of 300px */ +.yui-t6 .yui-b { + float: right; + width: 23.0769em; + *width: 22.50em; +} +.yui-t6 .yui-main .yui-b { + margin-right: 24.0769em; + *margin-right: 23.475em; +} + +.yui-main .yui-b { + float: none; + width: auto; +} + +/* +Section: Grids and Nesting Grids +*/ + +/* +Subsection: Children generally take half the available space +*/ + +.yui-gb .yui-u, +.yui-g .yui-gb .yui-u, +.yui-gb .yui-g, +.yui-gb .yui-gb, +.yui-gb .yui-gc, +.yui-gb .yui-gd, +.yui-gb .yui-ge, +.yui-gb .yui-gf, +.yui-gc .yui-u, +.yui-gc .yui-g, +.yui-gd .yui-u { + float: left; +} + +/*Float units (and sub grids) to the right */ +.yui-g .yui-u, +.yui-g .yui-g, +.yui-g .yui-gb, +.yui-g .yui-gc, +.yui-g .yui-gd, +.yui-g .yui-ge, +.yui-g .yui-gf, +.yui-gc .yui-u, +.yui-gd .yui-g, +.yui-g .yui-gc .yui-u, +.yui-ge .yui-u, +.yui-ge .yui-g, +.yui-gf .yui-g, +.yui-gf .yui-u { + float: right; +} + +/*Float units (and sub grids) to the left */ +.yui-g div.first, +.yui-gb div.first, +.yui-gc div.first, +.yui-gd div.first, +.yui-ge div.first, +.yui-gf div.first, +.yui-g .yui-gc div.first, +.yui-g .yui-ge div.first, +.yui-gc div.first div.first { + float: left; +} + +.yui-g .yui-u, +.yui-g .yui-g, +.yui-g .yui-gb, +.yui-g .yui-gc, +.yui-g .yui-gd, +.yui-g .yui-ge, +.yui-g .yui-gf { + width: 49.1%; +} + +.yui-gb .yui-u, +.yui-g .yui-gb .yui-u, +.yui-gb .yui-g, +.yui-gb .yui-gb, +.yui-gb .yui-gc, +.yui-gb .yui-gd, +.yui-gb .yui-ge, +.yui-gb .yui-gf, +.yui-gc .yui-u, +.yui-gc .yui-g, +.yui-gd .yui-u { + width: 32%; + margin-left: 2.0%; +} + +/* Give IE some extra breathing room for 1/3-based rounding issues */ +.yui-gb .yui-u { + *width: 31.8%; + *margin-left: 1.9%; +} + +.yui-gc div.first, +.yui-gd .yui-u { + width: 66%; + _width: 65.7%; +} +.yui-gd div.first { + width: 32%; + _width: 31.5%; +} + +.yui-ge div.first, +.yui-gf .yui-u { + width: 74.2%; + _width: 74%; +} + +.yui-ge .yui-u, +.yui-gf div.first { + width: 24%; + _width: 23.8%; +} + +.yui-g .yui-gb div.first, +.yui-gb div.first, +.yui-gc div.first, +.yui-gd div.first { + margin-left: 0; +} + +/* +Section: Deep Nesting +*/ +.yui-g .yui-g .yui-u, +.yui-gb .yui-g .yui-u, +.yui-gc .yui-g .yui-u, +.yui-gd .yui-g .yui-u, +.yui-ge .yui-g .yui-u, +.yui-gf .yui-g .yui-u { + width: 49%; + *width: 48.1%; + *margin-left: 0; +} + +.yui-g .yui-gb div.first, +.yui-gb .yui-gb div.first { + *margin-right: 0; + *width: 32%; + _width: 31.7%; +} + +.yui-g .yui-gc div.first, +.yui-gd .yui-g { + width: 66%; +} + +.yui-gb .yui-g div.first { + *margin-right: 4%; + _margin-right: 1.3%; +} + +.yui-gb .yui-gc div.first, +.yui-gb .yui-gd div.first { + *margin-right: 0; +} + +.yui-gb .yui-gb .yui-u, +.yui-gb .yui-gc .yui-u { + *margin-left: 1.8%; + _margin-left: 4%; +} + +.yui-g .yui-gb .yui-u { + _margin-left: 1.0%; +} + +.yui-gb .yui-gd .yui-u { + *width: 66%; + _width: 61.2%; +} +.yui-gb .yui-gd div.first { + *width: 31%; + _width: 29.5%; +} + +.yui-g .yui-gc .yui-u, +.yui-gb .yui-gc .yui-u { + width: 32%; + _float: right; + margin-right: 0; + _margin-left: 0; +} +.yui-gb .yui-gc div.first { + width: 66%; + *float: left; + *margin-left: 0; +} + +.yui-gb .yui-ge .yui-u, +.yui-gb .yui-gf .yui-u { + margin: 0; +} + +.yui-gb .yui-gb .yui-u { + _margin-left: .7%; +} + +.yui-gb .yui-g div.first, +.yui-gb .yui-gb div.first { + *margin-left:0; +} + +.yui-gc .yui-g .yui-u, +.yui-gd .yui-g .yui-u { + *width: 48.1%; + *margin-left: 0; +} + +.yui-gb .yui-gd div.first { + width: 32%; +} +.yui-g .yui-gd div.first { + _width: 29.9%; +} + +.yui-ge .yui-g { + width: 24%; +} +.yui-gf .yui-g { + width: 74.2%; +} + +.yui-gb .yui-ge div.yui-u, +.yui-gb .yui-gf div.yui-u { + float: right; +} +.yui-gb .yui-ge div.first, +.yui-gb .yui-gf div.first { + float: left; +} + +/* Width Accommodation for Nested Contexts */ +.yui-gb .yui-ge .yui-u, +.yui-gb .yui-gf div.first { + *width: 24%; + _width: 20%; +} + +/* Width Accommodation for Nested Contexts */ +.yui-gb .yui-ge div.first, +.yui-gb .yui-gf .yui-u { + *width: 73.5%; + _width: 65.5%; +} + +/* Patch for GD within GE */ +.yui-ge div.first .yui-gd .yui-u { + width: 65%; +} +.yui-ge div.first .yui-gd div.first { + width: 32%; +} + +/* +Section: Clearing. zoom for IE, :after for others +*/ + +#bd:after, +.yui-g:after, +.yui-gb:after, +.yui-gc:after, +.yui-gd:after, +.yui-ge:after, +.yui-gf:after, +.yui-t1:after, +.yui-t2:after, +.yui-t3:after, +.yui-t4:after, +.yui-t5:after, +.yui-t6:after { + content: "."; + display: block; + height: 0; + clear: both; + visibility: hidden; +} +#bd, +.yui-g, +.yui-gb, +.yui-gc, +.yui-gd, +.yui-ge, +.yui-gf, +.yui-t1, +.yui-t2, +.yui-t3, +.yui-t4, +.yui-t5, +.yui-t6 { + zoom: 1; +} \ No newline at end of file Added: root/examples/trunk/richfaces-demo/src/main/webapp/CSS/yuiLayouts/layout.css =================================================================== --- root/examples/trunk/richfaces-demo/src/main/webapp/CSS/yuiLayouts/layout.css (rev 0) +++ root/examples/trunk/richfaces-demo/src/main/webapp/CSS/yuiLayouts/layout.css 2009-08-19 14:10:45 UTC (rev 15221) @@ -0,0 +1,285 @@ +/* +Copyright (c) 2008, Yahoo! Inc. All rights reserved. +Code licensed under the BSD License: +http://developer.yahoo.net/yui/license.txt +version: 3.0.0pr2 +*/ +/* +* +* The YUI CSS Foundation uses the *property and _property CSS filter +* techniques to shield a value from A-grade browsers [1] other than +* IE6 & IE7 (*property) and IE6 (_property) +* + +/* +Section: Grids and Nesting Grids +*/ + +/* +Subsection: Children generally take half the available space +*/ + +.yui-gb .yui-u, +.yui-g .yui-gb .yui-u, +.yui-gb .yui-g, +.yui-gb .yui-gb, +.yui-gb .yui-gc, +.yui-gb .yui-gd, +.yui-gb .yui-ge, +.yui-gb .yui-gf, +.yui-gc .yui-u, +.yui-gc .yui-g, +.yui-gd .yui-u { + float: left; +} + +/*Float units (and sub grids) to the right */ +.yui-g .yui-u, +.yui-g .yui-g, +.yui-g .yui-gb, +.yui-g .yui-gc, +.yui-g .yui-gd, +.yui-g .yui-ge, +.yui-g .yui-gf, +.yui-gc .yui-u, +.yui-gd .yui-g, +.yui-g .yui-gc .yui-u, +.yui-ge .yui-u, +.yui-ge .yui-g, +.yui-gf .yui-g, +.yui-gf .yui-u { + float: right; +} + +/*Float units (and sub grids) to the left */ +.yui-g div.first, +.yui-gb div.first, +.yui-gc div.first, +.yui-gd div.first, +.yui-ge div.first, +.yui-gf div.first, +.yui-g .yui-gc div.first, +.yui-g .yui-ge div.first, +.yui-gc div.first div.first { + float: left; +} + +.yui-g .yui-u, +.yui-g .yui-g, +.yui-g .yui-gb, +.yui-g .yui-gc, +.yui-g .yui-gd, +.yui-g .yui-ge, +.yui-g .yui-gf { + width: 49.1%; +} + +.yui-gb .yui-u, +.yui-g .yui-gb .yui-u, +.yui-gb .yui-g, +.yui-gb .yui-gb, +.yui-gb .yui-gc, +.yui-gb .yui-gd, +.yui-gb .yui-ge, +.yui-gb .yui-gf, +.yui-gc .yui-u, +.yui-gc .yui-g, +.yui-gd .yui-u { + width: 32%; + margin-left: 2.0%; +} + +/* Give IE some extra breathing room for 1/3-based rounding issues */ +.yui-gb .yui-u { + *width: 31.8%; + *margin-left: 1.9%; +} + +.yui-gc div.first, +.yui-gd .yui-u { + width: 66%; + _width: 65.7%; +} +.yui-gd div.first { + width: 32%; + _width: 31.5%; +} + +.yui-ge div.first, +.yui-gf .yui-u { + width: 74.2%; + _width: 74%; +} + +.yui-ge .yui-u, +.yui-gf div.first { + width: 24%; + _width: 23.8%; +} + +.yui-g .yui-gb div.first, +.yui-gb div.first, +.yui-gc div.first, +.yui-gd div.first { + margin-left: 0; +} + +/* +Section: Deep Nesting +*/ +.yui-g .yui-g .yui-u, +.yui-gb .yui-g .yui-u, +.yui-gc .yui-g .yui-u, +.yui-gd .yui-g .yui-u, +.yui-ge .yui-g .yui-u, +.yui-gf .yui-g .yui-u { + width: 49%; + *width: 48.1%; + *margin-left: 0; +} + +.yui-g .yui-gb div.first, +.yui-gb .yui-gb div.first { + *margin-right: 0; + *width: 32%; + _width: 31.7%; +} + +.yui-g .yui-gc div.first, +.yui-gd .yui-g { + width: 66%; +} + +.yui-gb .yui-g div.first { + *margin-right: 4%; + _margin-right: 1.3%; +} + +.yui-gb .yui-gc div.first, +.yui-gb .yui-gd div.first { + *margin-right: 0; +} + +.yui-gb .yui-gb .yui-u, +.yui-gb .yui-gc .yui-u { + *margin-left: 1.8%; + _margin-left: 4%; +} + +.yui-g .yui-gb .yui-u { + _margin-left: 1.0%; +} + +.yui-gb .yui-gd .yui-u { + *width: 66%; + _width: 61.2%; +} +.yui-gb .yui-gd div.first { + *width: 31%; + _width: 29.5%; +} + +.yui-g .yui-gc .yui-u, +.yui-gb .yui-gc .yui-u { + width: 32%; + _float: right; + margin-right: 0; + _margin-left: 0; +} +.yui-gb .yui-gc div.first { + width: 66%; + *float: left; + *margin-left: 0; +} + +.yui-gb .yui-ge .yui-u, +.yui-gb .yui-gf .yui-u { + margin: 0; +} + +.yui-gb .yui-gb .yui-u { + _margin-left: .7%; +} + +.yui-gb .yui-g div.first, +.yui-gb .yui-gb div.first { + *margin-left:0; +} + +.yui-gc .yui-g .yui-u, +.yui-gd .yui-g .yui-u { + *width: 48.1%; + *margin-left: 0; +} + +.yui-gb .yui-gd div.first { + width: 32%; +} +.yui-g .yui-gd div.first { + _width: 29.9%; +} + +.yui-ge .yui-g { + width: 24%; +} +.yui-gf .yui-g { + width: 74.2%; +} + +.yui-gb .yui-ge div.yui-u, +.yui-gb .yui-gf div.yui-u { + float: right; +} +.yui-gb .yui-ge div.first, +.yui-gb .yui-gf div.first { + float: left; +} + +/* Width Accommodation for Nested Contexts */ +.yui-gb .yui-ge .yui-u, +.yui-gb .yui-gf div.first { + *width: 24%; + _width: 20%; +} + +/* Width Accommodation for Nested Contexts */ +.yui-gb .yui-ge div.first, +.yui-gb .yui-gf .yui-u { + *width: 73.5%; + _width: 65.5%; +} + +/* Patch for GD within GE */ +.yui-ge div.first .yui-gd .yui-u { + width: 65%; +} +.yui-ge div.first .yui-gd div.first { + width: 32%; +} + +/* +Section: Clearing. zoom for IE, :after for others +*/ + +#bd:after, +.yui-g:after, +.yui-gb:after, +.yui-gc:after, +.yui-gd:after, +.yui-ge:after, +.yui-gf:after { + content: "."; + display: block; + height: 0; + clear: both; + visibility: hidden; +} +#bd, +.yui-g, +.yui-gb, +.yui-gc, +.yui-gd, +.yui-ge, +.yui-gf { + zoom: 1; +} \ No newline at end of file Added: root/examples/trunk/richfaces-demo/src/main/webapp/CSS/yuiLayouts/page.css =================================================================== --- root/examples/trunk/richfaces-demo/src/main/webapp/CSS/yuiLayouts/page.css (rev 0) +++ root/examples/trunk/richfaces-demo/src/main/webapp/CSS/yuiLayouts/page.css 2009-08-19 14:10:45 UTC (rev 15221) @@ -0,0 +1,57 @@ +/* +Copyright (c) 2008, Yahoo! Inc. All rights reserved. +Code licensed under the BSD License: +http://developer.yahoo.net/yui/license.txt +version: 2.5.2 +*/ +/* + Note: Throughout this file, the *property filter is used to + give a value to IE that other browsers do not see. +*/ + +/* + Section: General Rules +*/ + + body { + text-align:center; + } + + .rich-page-footer { + clear:both; + } + +/* + Section: Page Width Rules (#doc, #doc2, #doc3, #doc4) +*/ + + /* + Subsection: General + */ + + .rich-page { + margin:auto; + text-align:left; + min-width:750px; + } + +/* + Section: Preset Template Rules (.yui-t[1-6]) +*/ + + /* + Subsection: General + */ + + /* to preserve source-order independence for Gecko */ + .rich-page-sidebar{position:relative;} + .rich-page-sidebar,.rich-page-body{_position:static;} + .rich-page-body{position:static;} + + .rich-page-main {width:100%;} +/* + Section: Clearing +*/ + +.rich-page-content:after {content:".";display:block;height:0;clear:both;visibility:hidden;} +.rich-page-content {zoom:1;} Added: root/examples/trunk/richfaces-demo/src/main/webapp/CSS/yuiLayouts/reset-context.css =================================================================== --- root/examples/trunk/richfaces-demo/src/main/webapp/CSS/yuiLayouts/reset-context.css (rev 0) +++ root/examples/trunk/richfaces-demo/src/main/webapp/CSS/yuiLayouts/reset-context.css 2009-08-19 14:10:45 UTC (rev 15221) @@ -0,0 +1,125 @@ +/* +Copyright (c) 2008, Yahoo! Inc. All rights reserved. +Code licensed under the BSD License: +http://developer.yahoo.net/yui/license.txt +version: 3.0.0pr2 +*/ +/*e + TODO will need to remove settings on HTML since we can't namespace it. + TODO with the prefix, should I group by selector or property for weight savings? +*/ +.yui-cssreset html{ + color:#000; + background:#FFF; +} +/* + TODO remove settings on BODY since we can't namespace it. +*/ +/* + TODO test putting a class on HEAD. + - Fails on FF. +*/ +.yui-cssreset body, +.yui-cssreset div, +.yui-cssreset dl, +.yui-cssreset dt, +.yui-cssreset dd, +.yui-cssreset ul, +.yui-cssreset ol, +.yui-cssreset li, +.yui-cssreset h1, +.yui-cssreset h2, +.yui-cssreset h3, +.yui-cssreset h4, +.yui-cssreset h5, +.yui-cssreset h6, +.yui-cssreset pre, +.yui-cssreset code, +.yui-cssreset form, +.yui-cssreset fieldset, +.yui-cssreset legend, +.yui-cssreset input, +.yui-cssreset textarea, +.yui-cssreset p, +.yui-cssreset blockquote, +.yui-cssreset th, +.yui-cssreset td { + margin:0; + padding:0; +} +.yui-cssreset table { + border-collapse:collapse; + border-spacing:0; +} +.yui-cssreset fieldset, +.yui-cssreset img { + border:0; +} +/* + TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit... +*/ +.yui-cssreset address, +.yui-cssreset caption, +.yui-cssreset cite, +.yui-cssreset code, +.yui-cssreset dfn, +.yui-cssreset em, +.yui-cssreset strong, +.yui-cssreset th, +.yui-cssreset var { + font-style:normal; + font-weight:normal; +} +/* + TODO Figure out where this list-style rule is best set. Hedger has a request to investigate. +*/ +.yui-cssreset li { + list-style:none; +} + +.yui-cssreset caption, +.yui-cssreset th { + text-align:left; +} +.yui-cssreset h1, +.yui-cssreset h2, +.yui-cssreset h3, +.yui-cssreset h4, +.yui-cssreset h5, +.yui-cssreset h6 { + font-size:100%; + font-weight:normal; +} +.yui-cssreset q:before, +.yui-cssreset q:after { + content:''; +} +.yui-cssreset abbr, +.yui-cssreset acronym { + border:0; + font-variant:normal; +} +/* to preserve line-height and selector appearance */ +.yui-cssreset sup { + vertical-align:text-top; +} +.yui-cssreset sub { + vertical-align:text-bottom; +} +.yui-cssreset input, +.yui-cssreset textarea, +.yui-cssreset select { + font-family:inherit; + font-size:inherit; + font-weight:inherit; +} +/*to enable resizing for IE*/ +.yui-cssreset input, +.yui-cssreset textarea, +.yui-cssreset select { + *font-size:100%; +} +/*because legend doesn't inherit in IE */ +.yui-cssreset legend { + color:#000; +} \ No newline at end of file Added: root/examples/trunk/richfaces-demo/src/main/webapp/CSS/yuiLayouts/reset-fonts-grids.css =================================================================== --- root/examples/trunk/richfaces-demo/src/main/webapp/CSS/yuiLayouts/reset-fonts-grids.css (rev 0) +++ root/examples/trunk/richfaces-demo/src/main/webapp/CSS/yuiLayouts/reset-fonts-grids.css 2009-08-19 14:10:45 UTC (rev 15221) @@ -0,0 +1,8 @@ +/* +Copyright (c) 2008, Yahoo! Inc. All rights reserved. +Code licensed under the BSD License: +http://developer.yahoo.net/yui/license.txt +version: 2.5.2 +*/ +html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} +body{text-align:center;}#ft{clear:both;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.25em;min-width:750px;}#doc2{width:73.076em;*width:71.25em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.05em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em;}.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}.yui-t2 .yui-b{float:left;width:13.8461em;*width:13.50em;}.yui-t2 #yui-main .yui-b{margin-left:14.8461em;*margin-left:14.55em;}.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em;}.yui-t3 #yui-main .yui-b{margin-left:24.0769em;*margin-left:23.62em;}.yui-t4 .yui-b{float:right! ;width:13.8456em;*width:13.50em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.55em;}.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em;}.yui-t5 #yui-main .yui-b{margin-right:19.4615em;*margin-right:19.125em;}.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em;}.yui-t6 #yui-main .yui-b{margin-right:24.0769em;*margin-right:23.62em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.y! ui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.fi! rst div. first{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:1.99%;}.yui-gb .yui-u{*margin-left:1.9%;*width:31.9%;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-ge .yui-u,.yui-gf div.first{width:24%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%;}.yui-gb .yui-g div.first{*margin! -right:4%;_margin-right:1.3%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:1.0%;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}s .yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-g{width:24%;}.yui-gf .yui-g{width:74.2%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left;}.yui-gb! .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20! %;}.yui- gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}.yui-ge div.first .yui-gd .yui-u{width:65%;}.yui-ge div.first .yui-gd div.first{width:32%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;} \ No newline at end of file Added: root/examples/trunk/richfaces-demo/src/main/webapp/CSS/yuiLayouts/reset.css =================================================================== --- root/examples/trunk/richfaces-demo/src/main/webapp/CSS/yuiLayouts/reset.css (rev 0) +++ root/examples/trunk/richfaces-demo/src/main/webapp/CSS/yuiLayouts/reset.css 2009-08-19 14:10:45 UTC (rev 15221) @@ -0,0 +1,125 @@ +/* +Copyright (c) 2008, Yahoo! Inc. All rights reserved. +Code licensed under the BSD License: +http://developer.yahoo.net/yui/license.txt +version: 3.0.0pr2 +*/ +/* + TODO will need to remove settings on HTML since we can't namespace it. + TODO with the prefix, should I group by selector or property for weight savings? +*/ +html{ + color:#000; + background:#FFF; +} +/* + TODO remove settings on BODY since we can't namespace it. +*/ +/* + TODO test putting a class on HEAD. + - Fails on FF. +*/ +body, +div, +dl, +dt, +dd, +ul, +ol, +li, +h1, +h2, +h3, +h4, +h5, +h6, +pre, +code, +form, +fieldset, +legend, +input, +textarea, +p, +blockquote, +th, +td { + margin:0; + padding:0; +} +table { + border-collapse:collapse; + border-spacing:0; +} +fieldset, +img { + border:0; +} +/* + TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit... +*/ +address, +caption, +cite, +code, +dfn, +em, +strong, +th, +var { + font-style:normal; + font-weight:normal; +} +/* + TODO Figure out where this list-style rule is best set. Hedger has a request to investigate. +*/ +li { + list-style:none; +} + +caption, +th { + text-align:left; +} +h1, +h2, +h3, +h4, +h5, +h6 { + font-size:100%; + font-weight:normal; +} +q:before, +q:after { + content:''; +} +abbr, +acronym { + border:0; + font-variant:normal; +} +/* to preserve line-height and selector appearance */ +sup { + vertical-align:text-top; +} +sub { + vertical-align:text-bottom; +} +input, +textarea, +select { + font-family:inherit; + font-size:inherit; + font-weight:inherit; +} +/*to enable resizing for IE*/ +input, +textarea, +select { + *font-size:100%; +} +/*because legend doesn't inherit in IE */ +legend { + color:#000; +} \ No newline at end of file Added: root/examples/trunk/richfaces-demo/src/main/webapp/CSS/yuiLayouts/simple.css =================================================================== --- root/examples/trunk/richfaces-demo/src/main/webapp/CSS/yuiLayouts/simple.css (rev 0) +++ root/examples/trunk/richfaces-demo/src/main/webapp/CSS/yuiLayouts/simple.css 2009-08-19 14:10:45 UTC (rev 15221) @@ -0,0 +1,117 @@ +body { + background: #CACACA url(../images/background.png) repeat-x; + font-family: "Trebuchet MS", Verdana, serif +} +#container { + margin: 0 auto; + width: 750px +} +#header { + width: 100% +} +#sub_header { + text-align: right; + font-weight: bold; + font-size: 20px; + color: #FFFFFF; + padding-right: 20px; + padding-bottom: 20px; +} +#main_content { + margin: 0 auto; + width: 100%; + background: #FFFFFF url('../images/background_content.gif'); + background-repeat: repeat-y +} +#main_content_top { + height: 30px; + background: #FFFFFF url('../images/background_top.gif'); +} +#main_content_bottom { + height: 30px; + background: #FFFFFF url('../images/background_bottom.gif'); +} +#footer { + text-align: center; + font-size: 12px; + margin: 10px auto +} +.content { + float: left; + width: 510px; + text-align: justify; + padding: 0 30px 0 30px; + font-size: 12px +} +.menu { + width: 139px; + float: right; + padding: 0 20px 0 20px; + border-left: #8C8484 1px solid; + font-size: 12px +} +.menu ul { + margin: 0; + padding: 10px 0 10px 15px +} +.menu il { + list-style-type: disc +} +#header h1 { + margin-bottom: 0px; + font-size: 28px; + font-weight: bold; + color: #A40008 +} +.content h2 { + margin-top: 0px; + font-size: 18px; + font-weight: bold; + color: #A40008 +} +#clear { + display: block; + clear: both; + width: 100%; + height:1px; + overflow:hidden; +} +.menu_title { + font-size: 18px; + font-weight: bold; + color: #A40008 +} +.menu ul { + margin: 0; + padding: 10px 0 20px 15px +} +.menu li { + padding-top: 2px; + list-style-type: circle +} +a { + color: #A40008; + font-weight: bold; + text-decoration: none +} +a:hover { + color: #A40008; + font-weight: bold; + text-decoration: underline +} +a.menu_link { + color: #000000; + font-weight: bold; + text-decoration: underline +} +a.menu_link:hover { + color: #A40008; + font-weight: bold; + text-decoration: none +} +.quote { + margin: 20px; + text-align: center; + font-weight: bold; + font-style: italic +} \ No newline at end of file Added: root/examples/trunk/richfaces-demo/src/main/webapp/images/richfaces-banner.png =================================================================== (Binary files differ) Property changes on: root/examples/trunk/richfaces-demo/src/main/webapp/images/richfaces-banner.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: root/examples/trunk/richfaces-demo/src/main/webapp/index.jsp =================================================================== --- root/examples/trunk/richfaces-demo/src/main/webapp/index.jsp (rev 0) +++ root/examples/trunk/richfaces-demo/src/main/webapp/index.jsp 2009-08-19 14:10:45 UTC (rev 15221) @@ -0,0 +1,7 @@ +<!doctype html public "-//w3c//dtd html 4.0 transitional//en"> +<html> +<head></head> + <body> + <jsp:forward page="/welcome.jsf" /> + </body> +</html> \ No newline at end of file Added: root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/jsFunction/usage.xhtml =================================================================== --- root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/jsFunction/usage.xhtml (rev 0) +++ root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/jsFunction/usage.xhtml 2009-08-19 14:10:45 UTC (rev 15221) @@ -0,0 +1,33 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" + xmlns:h="http://java.sun.com/jsf/html" + xmlns:f="http://java.sun.com/jsf/core" + xmlns:ui="http://java.sun.com/jsf/facelets" + xmlns:a4j="http://richfaces.org/a4j"> + + <ui:composition> + <table width="400"> + <tbody> + <tr> + <td><span onmouseover="updateName('Kate')" + onmouseout="updateName('')">Kate</span></td> + <td><span onmouseover="updateName('John')" + onmouseout="updateName('')">John</span></td> + <td><span onmouseover="updateName('Alex')" + onmouseout="updateName('')">Alex</span></td> + </tr> + <tr> + <td colspan="3">Name: <b><h:outputText id="showname" + value="#{functionBean.text}" /></b></td> + </tr> + </tbody> + </table> + <h:form> + <a4j:jsFunction name="updateName" render="showname" + action="#{functionBean.processHover}"> + <f:param name="name" /> + </a4j:jsFunction> + </h:form> + </ui:composition> + +</html> \ No newline at end of file Added: root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/jsFunction.xhtml =================================================================== --- root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/jsFunction.xhtml (rev 0) +++ root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/jsFunction.xhtml 2009-08-19 14:10:45 UTC (rev 15221) @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" + xmlns:h="http://java.sun.com/jsf/html" + xmlns:f="http://java.sun.com/jsf/core" + xmlns:ui="http://java.sun.com/jsf/facelets"> + +<ui:composition template="/templates/main.xhtml"> + <ui:define name="body"> + <p> + Description for JS Function goes there. + </p> + <fieldset> + <legend>JS Function Sample</legend> + <ui:include src="/richfaces/jsFunction/usage.xhtml" /> + </fieldset> + </ui:define> +</ui:composition> + +</html> \ No newline at end of file Added: root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/mediaOutput/flashUsage.xhtml =================================================================== --- root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/mediaOutput/flashUsage.xhtml (rev 0) +++ root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/mediaOutput/flashUsage.xhtml 2009-08-19 14:10:45 UTC (rev 15221) @@ -0,0 +1,37 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" + xmlns:h="http://java.sun.com/jsf/html" + xmlns:f="http://java.sun.com/jsf/core" + xmlns:ui="http://java.sun.com/jsf/facelets" + xmlns:a4j="http://richfaces.org/a4j"> + + <ui:composition> + + + <p>SWF Movie:</p> + <a4j:outputPanel id="flashPanelDynamic"> + + <a4j:mediaOutput element="a" id="swfLink" style="display: none;" cacheable="false" session="true" + createContent="#{mediaBean.paintFlash}" value="#{mediaData}" /> + + <a4j:outputPanel layout="block" id="myFlashContent" style="width: 200px; height: 200px"> + <a href="http://www.adobe.com/go/getflashplayer"> + <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_p... alt="Get Adobe Flash player" /> + </a> + </a4j:outputPanel> + + <script type="text/javascript"> + var flashvars = {}; + var params = {}; + var attributes = {}; + swfobject.embedSWF('swfLink').href, $('myFlashContent')", "200", "200", "9.0.0", false, flashvars, params, attributes); + </script> + + </a4j:outputPanel> + + <br /> + <br /> + + </ui:composition> + +</html> \ No newline at end of file Added: root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/mediaOutput/imgUsage.xhtml =================================================================== --- root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/mediaOutput/imgUsage.xhtml (rev 0) +++ root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/mediaOutput/imgUsage.xhtml 2009-08-19 14:10:45 UTC (rev 15221) @@ -0,0 +1,16 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" + xmlns:h="http://java.sun.com/jsf/html" + xmlns:f="http://java.sun.com/jsf/core" + xmlns:ui="http://java.sun.com/jsf/facelets" + xmlns:a4j="http://richfaces.org/a4j"> + + <ui:composition> + <p>Dynamically generated JPEG file:</p> + + <a4j:mediaOutput element="img" cacheable="false" session="true" + createContent="#{mediaBean.paint}" value="#{mediaData}" mimeType="image/jpeg" /> + <br/><br/> + </ui:composition> + +</html> \ No newline at end of file Added: root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/mediaOutput.xhtml =================================================================== --- root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/mediaOutput.xhtml (rev 0) +++ root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/mediaOutput.xhtml 2009-08-19 14:10:45 UTC (rev 15221) @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" + xmlns:h="http://java.sun.com/jsf/html" + xmlns:f="http://java.sun.com/jsf/core" + xmlns:ui="http://java.sun.com/jsf/facelets"> + +<ui:composition template="/templates/main.xhtml"> + <ui:define name="body"> + <p> + Description for Media output goes there. + </p> + <fieldset> + <legend>Image output</legend> + <ui:include src="/richfaces/mediaOutput/imgUsage.xhtml" /> + </fieldset> + <fieldset> + <legend>Flash output</legend> + <ui:include src="/richfaces/mediaOutput/flashUsage.xhtml" /> + </fieldset> + </ui:define> +</ui:composition> + +</html> \ No newline at end of file Added: root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/push/usage.xhtml =================================================================== --- root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/push/usage.xhtml (rev 0) +++ root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/push/usage.xhtml 2009-08-19 14:10:45 UTC (rev 15221) @@ -0,0 +1,48 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" + xmlns:h="http://java.sun.com/jsf/html" + xmlns:f="http://java.sun.com/jsf/core" + xmlns:ui="http://java.sun.com/jsf/facelets" + xmlns:a4j="http://richfaces.org/a4j"> + +<ui:composition> + <h:form> + <h:dataTable value="#{choicesBean.choices}" var="choice" id="choiceVotes"> + <f:facet name="header"> + <h:outputText value="Voting for favourite fruit" /> + </f:facet> + <h:column> + <f:facet name="header"> + <h:outputText value="Choice name" /> + </f:facet> + <h:outputText value="#{choice.label}" id="choiceLabel" /> + </h:column> + <h:column> + <f:facet name="header"> + <h:outputText value="Current Votes" /> + </f:facet> + <h:outputText value="#{choice.votesCount}" id="choiceVotes" /> + </h:column> + </h:dataTable> + + <a4j:jsFunction name="start" action="#{choicesBean.start}" execute="@this" render="push, stop, start"/> + <a4j:jsFunction name="stop" action="#{choicesBean.stop}" execute="@this" render="push, stop, start"/> + + <h:commandButton onclick="start()" value="Start" id="start" disabled="#{choicesBean.enabled}" type="button"/> + + <h:commandButton onclick="stop()" type="button" value="Stop" id="stop" disabled="#{!choicesBean.enabled}"/> + + <a4j:outputPanel layout="block" id="tempResults"> + <h:outputText + value="Latest update votes was: #{choicesBean.updateInfo} at #{choicesBean.timeStamp}" + rendered="#{choicesBean.enabled}" /> + </a4j:outputPanel> + + <a4j:push enabled="#{choicesBean.enabled}" interval="3000" + eventProducer="#{choicesBean.addListener}" id="push"> + <f:ajax render="choiceVotes push tempResults" action="#{choicesBean.processUpdates}"/> + </a4j:push> + </h:form> +</ui:composition> + +</html> \ No newline at end of file Added: root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/push.xhtml =================================================================== --- root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/push.xhtml (rev 0) +++ root/examples/trunk/richfaces-demo/src/main/webapp/richfaces/push.xhtml 2009-08-19 14:10:45 UTC (rev 15221) @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" + xmlns:h="http://java.sun.com/jsf/html" + xmlns:f="http://java.sun.com/jsf/core" + xmlns:ui="http://java.sun.com/jsf/facelets"> + + <ui:composition template="/templates/main.xhtml"> + <ui:define name="body"> + <p>push description</p> + <fieldset> + <legend> + Push Sample + </legend> + <ui:include src="/richfaces/push/usage.xhtml" /> + </fieldset> + </ui:define> + </ui:composition> + +</html> \ No newline at end of file Added: root/examples/trunk/richfaces-demo/src/main/webapp/templates/includes/navigation.xhtml =================================================================== --- root/examples/trunk/richfaces-demo/src/main/webapp/templates/includes/navigation.xhtml (rev 0) +++ root/examples/trunk/richfaces-demo/src/main/webapp/templates/includes/navigation.xhtml 2009-08-19 14:10:45 UTC (rev 15221) @@ -0,0 +1,11 @@ +<ui:composition xmlns="http://www.w3.org/1999/xhtml" + xmlns:h="http://java.sun.com/jsf/html" + xmlns:f="http://java.sun.com/jsf/core" + xmlns:ui="http://java.sun.com/jsf/facelets" + xmlns:a4j="http://richfaces.org/a4j"> + <h:panelGrid columns="1"> + <h:outputLink value="#{facesContext.externalContext.requestContextPath}/richfaces/jsFunction.jsf">a4j:jsFunction</h:outputLink> + <h:outputLink value="#{facesContext.externalContext.requestContextPath}/richfaces/mediaOutput.jsf">a4j:mediaOutput</h:outputLink> + <h:outputLink value="#{facesContext.externalContext.requestContextPath}/richfaces/push.jsf">a4j:push</h:outputLink> + </h:panelGrid> +</ui:composition> Added: root/examples/trunk/richfaces-demo/src/main/webapp/templates/main.xhtml =================================================================== --- root/examples/trunk/richfaces-demo/src/main/webapp/templates/main.xhtml (rev 0) +++ root/examples/trunk/richfaces-demo/src/main/webapp/templates/main.xhtml 2009-08-19 14:10:45 UTC (rev 15221) @@ -0,0 +1,33 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" + "http://www.w3.org/TR/html4/strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" + xmlns:h="http://java.sun.com/jsf/html" + xmlns:f="http://java.sun.com/jsf/core" + xmlns:ui="http://java.sun.com/jsf/facelets"> +<h:head> + <link rel="stylesheet" type="text/css" href="#{facesContext.externalContext.requestContextPath}/CSS/yuiLayouts/reset-fonts-grids.css"/> + <link rel="stylesheet" type="text/css" href="#{facesContext.externalContext.requestContextPath}/CSS/yuiLayouts/grids.css"/> +</h:head> +<h:body> +<div id="doc2" class="yui-t2"> <!-- change class to change preset --> + <div id="hd"> + <center>RichFaces 4.0 Demo</center> + </div> + <div id="bd"> + <div class="yui-b"> + <ui:include src="/templates/includes/navigation.xhtml" /> + </div> + <div id="yui-main"> + <div class="yui-b"> + <ui:insert name="body"> + Body content missed + </ui:insert> + </div> + </div> + </div> + <div id="ft"> + <i><center>Footer</center> </i> + </div> + </div> +</h:body> +</html> \ No newline at end of file Added: root/examples/trunk/richfaces-demo/src/main/webapp/welcome.xhtml =================================================================== --- root/examples/trunk/richfaces-demo/src/main/webapp/welcome.xhtml (rev 0) +++ root/examples/trunk/richfaces-demo/src/main/webapp/welcome.xhtml 2009-08-19 14:10:45 UTC (rev 15221) @@ -0,0 +1,14 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" + xmlns:h="http://java.sun.com/jsf/html" + xmlns:f="http://java.sun.com/jsf/core" + xmlns:ui="http://java.sun.com/jsf/facelets"> + + <ui:composition template="/templates/main.xhtml"> + <ui:define name="body"> + Welcome To RichFaces 4.x Demo + </ui:define> + + </ui:composition> + +</html> \ No newline at end of file