Help on page alignment issues.

[ba...@wipro.com]

Hi,

This may not be directly related to JSF as such. However, I'm not very
good with CSS to achieve something that I'm trying to do. Can anyone
point me to something?

I have a dataTable and a couple of command buttons aligned to the left
on top of the DataTable. They are for Add, Delete, Modify for the
DataTable entries. On the right alignment on the same line, I need to
have a Print | Refresh links.

Based on my user Role, I render/hide the buttons. During this process,
the print|refresh takes the place of the absent buttons. I would like
them to stay right aligned even if the buttons are not rendered. I have
tried my combinations I can think of with no effect.

Also, what kind of layout component in JSF can help me achieve placing
the Add | Edit | Delete on the left side and Print | Refresh on the
right side of a 100% width of the page.

Thanks
Balaji


Balaji Saranathan | System Management Solutions | Wipro Technologies |
Bangalore, India

ESN : 6 - 877 - 8715 | PSTN : +91 - 080 - 2852 0408 * 82332 | Cell : 91
9886861757 | Softphone : 91 93420 53442





The information contained in this electronic message and any attachments to this message are intended for the exclusive use of the addressee(s) and may contain proprietary, confidential or privileged information. If you are not the intended recipient, you should not disseminate, distribute or copy this e-mail. Please notify the sender immediately and destroy all copies of this message and any attachments.

WARNING: Computer viruses can be transmitted via email. The recipient should check this email and any attachments for the presence of viruses. The company accepts no liability for any damage caused by any virus transmitted by this email.

www.wipro.com

Re: Help on page alignment issues.

[Andrew Robinson <an...@gmail.com>]

<t:dataTable style="width: 100%">
  <f:facet name="header">
    <t:panelGroup>
      <div style="float: left; position: relative;">
        <t:commandButton ... />
        <t:commandButton ... />
        <t:commandButton ... />
      </div>
      <div style="float: right; position: relative;">
        <t:commandButton ... />
        <t:commandButton ... />
      </div>
    </t:panelGroup>
  </f:facet>
</t:dataTable>

Then just set the properties of the command buttons (rendered, id, action,
etc).

On 10/12/06, balaji.saranathan@wipro.com <ba...@wipro.com>
wrote:
>
>  Hi,
>
> This may not be directly related to JSF as such. However, I'm not very
> good with CSS to achieve something that I'm trying to do. Can anyone point
> me to something?
>
> I have a dataTable and a couple of command buttons aligned to the left on
> top of the DataTable. They are for Add, Delete, Modify for the DataTable
> entries. On the right alignment on the same line, I need to have a Print |
> Refresh links.
>
> Based on my user Role, I render/hide the buttons. During this process, the
> print|refresh takes the place of the absent buttons. I would like them to
> stay right aligned even if the buttons are not rendered. I have tried my
> combinations I can think of with no effect.
>
> Also, what kind of layout component in JSF can help me achieve placing the
> Add | Edit | Delete on the left side and Print | Refresh on the right side
> of a 100% width of the page.
>
> Thanks
> Balaji
>
>
> *Balaji Saranathan* | System Management Solutions | Wipro Technologies |
> Bangalore, India
>
> ESN : 6 – 877 – 8715 | PSTN : +91 - 080 – 2852 0408 * 82332 | Cell : 91
> 9886861757 | Softphone : 91 93420 53442
>
>
> The information contained in this electronic message and any attachments
> to this message are intended for the exclusive use of the addressee(s) and
> may contain proprietary, confidential or privileged information. If you are
> not the intended recipient, you should not disseminate, distribute or copy
> this e-mail. Please notify the sender immediately and destroy all copies of
> this message and any attachments.
>
> WARNING: Computer viruses can be transmitted via email. The recipient
> should check this email and any attachments for the presence of viruses. The
> company accepts no liability for any damage caused by any virus transmitted
> by this email.
>
> www.wipro.com
>