rich:simpleTogglePanel on a Friday - No Fluff Just Stuff

rich:simpleTogglePanel on a Friday

Posted by: Max Katz on January 9, 2009

It’s Friday so I figured why not post something very simple and easy. A few ways you can customize rich:simpleTogglePanel component:

<head>
<style>
.rich-stglpanel-marker {float: left}
.rich-stglpanel-header {text-align: right}
</style>
</head>
 
<body>
<h:form>
   <rich:simpleTogglePanel switchType="client" width="250px" opened="false">
	<f:facet name="header">RichFaces 3.3.0</f:facet>
	<f:facet name="openMarker">+</f:facet>
	<f:facet name="closeMarker">-</f:facet>
  	RichFaces 3.3.0 is almost here. 
  	New components include rich:editor and a4j:queue
  	</rich:simpleTogglePanel>
</h:form>
</body>

screenshot012.png

screenshot02.png

I’m using a slightly customized laguna skin (laguna2.skin.properties):

baseSkin=laguna
generalSizeFont=20px
headerSizeFont=20px

The file is placed in root of Java source.

web.xml file:

<context-param>
  <param-name>org.richfaces.SKIN</param-name>
  <param-value>laguna2</param-value>
 </context-param>

Have a great weekend!

Max Katz

About Max Katz

Max Katz is a Senior Systems Engineer at Exadel. He has been helping customers jump-start their RIA development as well as providing mentoring, consulting, and training. Max is a recognized subject matter expert in the JSF developer community. He has provided JSF/RichFaces training for the past three years, presented at many conferences, and written several published articles on JSF-related topics. Max also leads Exadel's RIA strategy and writes about RIA technologies in his blog, http://mkblog.exadel.com. He is an author of “Practical RichFaces” book (Apress). Max holds a BS in computer science from the University of California, Davis.

Why Attend the NFJS Tour?

  • » Cutting-Edge Technologies
  • » Agile Practices
  • » Peer Exchange

Current Topics:

  • Languages on the JVM: Scala, Groovy, Clojure
  • Enterprise Java
  • Core Java, Java 8
  • Agility
  • Testing: Geb, Spock, Easyb
  • REST
  • NoSQL: MongoDB, Cassandra
  • Hadoop
  • Spring 4
  • Cloud
  • Automation Tools: Gradle, Git, Jenkins, Sonar
  • HTML5, CSS3, AngularJS, jQuery, Usability
  • Mobile Apps - iPhone and Android
  • More...
Learn More »