Skip to content

Infragistics Community Forum / Cross Platform / Ultimate UI for Xamarin / How can I align to right the column grid?

How can I align to right the column grid?

New Discussion
Antonio
Antonio asked on Jan 30, 2008 7:00 PM

How can I align to right the column grid?

Example of display data
TEXT         TOTAL
text?1    585
text?1    1.185
text?1    2
It should be:
TEXT         TOTAL
text?1      585
text?1    1.185
text?1        2
styleClass property don´t apply en thesource code

<td class=”igGridColumn”>1.148</td>

Example of code

<ig:gridView id=”grid_processesList”
dataSource=”#{ProcessesListBean.processesList}”
binding=”#{ProcessesListBean.processesListGridView}”
pageSize=”#{configurationWeb.processesList_pageSize}”
bottomPagerRendered=”true” topPagerRendered=”false”
dataKeyName=”id”
selectedRowsChangeListener=”#{ProcessesListBean.onSelectedRowsChange}”
resizableColumns=”true”>

<f:facet name=”header”>
<h:outputText value=”tableHeader” />
</f:facet>

<ig:column styleClass=”right”>
<f:facet name=”header”>
<h:outputText value=”TOTAL” />
</f:facet>
<h:outputText value=”#{DATA_ROW.docsTotal }”>
<f:convertNumber type=”number” pattern=”#,##0″
groupingUsed=”true” />
</h:outputText>
</ig:column>

Thanks

Sign In to post a reply

Replies

  • 0
    [Infragistics] Murtaza Abdeali
    [Infragistics] Murtaza Abdeali answered on Jan 21, 2008 8:48 PM

    Hello,

    You can align the contents of the column by changing igGridColumn style within CSS to include "text-align:right;" This style is defined within igf_grid.css. By default the controls use the blue theme. 

    Hope this helps. 

    Taz.  

    • 0
      Antonio
      Antonio answered on Jan 22, 2008 6:57 AM

       Of course,

      but this solution will change all columns.

      I want the text aligned to left  and the numbers aligned to the right.

      Thanks 

       

      • 0
        [Infragistics] Murtaza Abdeali
        [Infragistics] Murtaza Abdeali answered on Jan 30, 2008 7:00 PM

        Yes, you are correct, the style will be applied to all the columns inside the grid. It appears the column styles are not applied correctly and would recommend you to notify our support team so that we can fix this.

        In the meantime, you can force the alignment via the column component.

         

        <ig:column >

         

        <f:facet name=“header”>

         

        <h:outputText value=“Company Name” />

         

        </f:facet>

         

        <h:outputText value=”#{DATA_ROW.name}” style=“text-align:right;width:100px;”/>

         

        </ig:column>

         

        Taz.

  • You must be logged in to reply to this topic.
Discussion created by
Favorites
Replies
Created On
Last Post
Discussion created by
Antonio
Favorites
0
Replies
3
Created On
Jan 30, 2008
Last Post
18 years, 1 month ago

Suggested Discussions

Created by

Created on

Jan 30, 2008 7:00 PM

Last activity on

Feb 24, 2026 9:25 AM