help with layout ):

dexter · 20 Oct 2009, 09:19

Good day everyone,

I have just started using primeFaces and I found it very useful.
However, can the line border and column header fill be removed?
I am using IE 7 and Mozilla FireFox 3.5.3.

Thank you =)
Dexter

20 Oct 2009, 10:49

Css guide can help;

http://developer.yahoo.com/yui/examples ... ayout.html

dexter · 21 Oct 2009, 05:08

Hi cagatay,

Sorry, but how do i access the CSS file.
I'm using Eclipse to do the web application.

Thank you =)

Dexter

21 Oct 2009, 10:08

No you basically don't need to access that file. You just need to override the default css properties. Such as placing this style on your page;

Code: Select all

<style type="text/css">
 .yui-skin-sam .yui-layout .yui-layout-hd { 
	    border: 0; 
} 
</style>

This style applied the header, removes the border.

dexter · 26 Oct 2009, 08:24

Thanks cagatay! It works =)

I also realised that mozilla firefox 3.5.3 display differently from my IE7.

When viewed in IE7, the header background color is blue and the collapse button is present.
However in firefox, the header and the collapse button did not show. Also the background of the header is the same as the background color of the body.

I understand that Firefox is able to display primefaces also, therefore is it due to my JSP coding?

My JSP codes are as follows:

<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"
xmlns:p="http://primefaces.prime.com.tr/ui"
xmlns:ft="http://primefaces.prime.com.tr/facestrace">

<head>
<title>Testing of PrimeFaces Layout</title>
<p:resources />
</head>

<body>
<f:view>
<p:layout fullPage="true">
<p:layoutUnit position="left" header="" width="300" collapse="true" resize="true" animate="false">
<DIV style="text-align:left; margin:5 10px">
<h:outputText value="Left Content" />
</DIV>
</p:layoutUnit>

<p:layoutUnit position="center" scroll="true" >
<DIV style="text-align:left; margin:5 10px">
Center block of the nested layout sfds
<br/><br/><br/>
<h:form style="text-align:left">
Email address:
<h:inputText value="#{registrationBean.email}"/><BR/>
Password:
<h:inputSecret value="#{registrationBean.password}"/><BR/>
<h:commandButton value="Sign Me Up!"
action="#{registrationBean.register}"/>
</h:form>
End of center block <br/>
</DIV>
</p:layoutUnit>
</p:layout>
</f:view>
</body>
</html>

26 Oct 2009, 15:01

We're planning to reimplement layout recently, the yui layout code we use is usually causing some problems with ie.

The new code for layout will be checked in today and a new snapshot will be built. This will be a reimplementation css parts so might not be backward compatible since we'll no longer use ui. I'll keep you updated.

27 Oct 2009, 02:35

dexter, layout is fully reimplemented, it looks and performs much better than the old layout. Unfortunately it's not backward compatible and new layout is not documented yet. If you're interested in a test drive you can grab the 1.0.0.RC-SNAPSHOT.

dexter · 27 Oct 2009, 03:39

Thank you cagatay.

May I know how to test drive it?

I downloaded both zip files n unzipped them. Not sure of what to do with them.

Thank you for the advice and help =)

Cheers
Dexter

27 Oct 2009, 11:26

The updated showcase demo is not up yet, it could definitely help for the new style. Can you wait for one more day?

I'll stabilize the new layout and update the online showcase today.

dexter · 27 Oct 2009, 12:30

hi cagatay,

Can take your time to stabilize it.

Thank you once again =)

Cheers

help with layout ):

Who is online