This is a great way to do it - using CSS (especially unobtrusive CSS)
is rarely a bad thing. You might want to make sure it works on all
supported browsers (for your customers).
Matt
On 11/1/07, sudheerp <[EMAIL PROTECTED]> wrote:
>
> Hi Matt,
>
> I have created a css file /web/styles/mystyles.css, and linked it from the
> xhtml file
> the following way and it has given the expected results.
>
> <head>
> <link type="text/css" rel="stylesheet"
> href="styles/mystyles.css"/>
> <title>#{text['workOrderDetail.title']}</title>
> <meta name="heading" content="#{text['workOrderDetail.heading']}"/>
> <meta name="menu" content="WorkOrderMenu"/>
> </head>
>
> I have not modified the panelGrid implementation or removed it in
> faces-config.xml.
> Is it ok to do so? Will it have any other side effects?
>
> Thank you.
>
> Sudheer
>
>
>
> mraible wrote:
> >
> > We've overridden panelGrid in AppFuse to produce <ul> and <li> instead
> > of table elements. You may have to modify the implementation, or
> > remove it in faces-config.xml to use the default.
> >
> > Matt
> >
> > On 11/1/07, sudheerp <[EMAIL PROTECTED]> wrote:
> >>
> >> Hello,
> >>
> >> I am using appfuse-jsf-1.9.4
> >>
> >> To fix the size of column size in panelGrid I used columnClasses as
> >> given
> >> below
> >>
> >> <t:panelGrid columns="3" columnClasses="col100,col50,col200" border="0"
> >> width="100%">
> >> <t:outputLabel styleClass="desc" for="approximatePrintedPages"
> >>
> >> value="#{text['workOrder.approximatePrintedPages']}"/>
> >> <t:inputText styleClass="text small" id="approximatePrintedPages"
> >>
> >> value="#{workOrderForm.workOrder.approximatePrintedPages}"
> >> required="true"/>
> >> <t:message for="approximatePrintedPages" styleClass="fieldError"/>
> >> <t:outputLabel styleClass="desc" for="noOfPreliminaryPages"
> >> value="#{text['workOrder.noOfPreliminaryPages']}"/>
> >> <t:inputText styleClass="text small" id="noOfPreliminaryPages"
> >>
> >> value="#{workOrderForm.workOrder.noOfPreliminaryPages}"
> >> required="true"/>
> >> <t:message for="noOfPreliminaryPages" styleClass="fieldError"/>
> >> </t:panelGrid>
> >>
> >> and added the following lines to /web/css/basic.css and
> >> /web/styles/myfaces.css
> >>
> >> .col50 {
> >> width: 50px;
> >> }
> >>
> >> .col100 {
> >> width: 100px;
> >> }
> >>
> >> .col200 {
> >> width: 200px;
> >> }
> >>
> >> .col300 {
> >> width: 300px;
> >> }
> >>
> >> But this doesn't make any differences.
> >>
> >> What could be wrong?
> >>
> >> Thanks in advance.
> >>
> >> Sudheer
> >> --
> >> View this message in context:
> >> http://www.nabble.com/panelGrid-column-formatting-tf4729711s2369.html#a13524221
> >> Sent from the AppFuse - User mailing list archive at Nabble.com.
> >>
> >> ---------------------------------------------------------------------
> >> To unsubscribe, e-mail: [EMAIL PROTECTED]
> >> For additional commands, e-mail: [EMAIL PROTECTED]
> >>
> >>
> >
> >
> > --
> > http://raibledesigns.com
> >
> > ---------------------------------------------------------------------
> > To unsubscribe, e-mail: [EMAIL PROTECTED]
> > For additional commands, e-mail: [EMAIL PROTECTED]
> >
> >
> >
>
> --
> View this message in context:
> http://www.nabble.com/panelGrid-column-formatting-tf4729711s2369.html#a13531368
> Sent from the AppFuse - User mailing list archive at Nabble.com.
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: [EMAIL PROTECTED]
> For additional commands, e-mail: [EMAIL PROTECTED]
>
>
--
http://raibledesigns.com
---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]
