|
I am facing strange problem related to UI of listGrid which I think is inherited into listGrid element.
Please look at following image - 
This image has left margin / column and there are 2 columns on right. It is small example of including listGrid inside tabBox and these 3 extra columns get included inside the grid.
I am only including listGrid inside tabBox without any formatting.
Please help me in finding out a solution for removing these columns. It is distorting my example and not looking good.
listgrid
18 July, 2008 - 14:31 — andysHi nitesh,
Would you like to repost it again and put your image there?
I could not see any image in your post.
Andys
Image
23 July, 2008 - 07:08 — niteshHi Andys,
Image is available on the same URL (http://img2.freeimagehosting.net/image.php?e252ed44f6.jpg).
As I can't upload image on forum, I have to host it outside.
You can also access it at -
Help
24 July, 2008 - 13:06 — niteshAny updates?
For now, all I am concerned about is last empty column which always appear in a listgrid.
listgrid empty column
25 July, 2008 - 15:44 — andysHi nitesh,
I have just tried to make simplified testcase with listgrid in the tab. Unfortunately, I am unable to reproduce this issue.
I am using Backbase version 4.2.1 and have tried it in both browsers(FF2 and IE7)
which version do you use? and which browser do you get this strange layout?
Maybe it is better for you to post the code.
Thank you
Andys
Test Case
30 July, 2008 - 14:04 — niteshHi Andys,
Following is the test case for the tab box image. I am getting last empty column (which I think should appear only if there is a scroll bar).
<b:tab label="T1">
<div xmlns="http://www.w3.org/1999/xhtml">
<b:dataSource name="mySource" e:behavior="b:localData">
<b:dataContainer type="text/xml">
<xi:include href="P.xml" />
</b:dataContainer>
<b:dataSchema identifier="@id">
</b:dataSchema>
</b:dataSource>
<b:listGrid columnResizing="false" rows="3" readonly="true" dataSource="mySource" rowClasses="rowClass1, rowClass2">
<b:listGridCol class="gridTitle" dataField="a" width="135px" label="A">
</b:listGridCol>
<b:listGridCol class="gridTitle" dataField="b" label="B" width="120px">
</b:listGridCol>
<b:listGridCol class="gridTitle" dataField="c" label="C" width="80px">
</b:listGridCol>
<b:listGridCol class="gridTitle" dataField="d" label="D" width="155px">
</b:listGridCol>
<b:listGridCol class="gridTitle" dataField="e" label="E" width="65px">
</b:listGridCol>
</b:listGrid>
</div>
</b:tab>
<b:tab label="T2">
</b:tab>
</b:tabBox>
listgrid empty column header
31 July, 2008 - 08:26 — andysHi Nitesh,
I am still unable to reproduce the same issue that you have. I have copied and pasted the code you posted. The only differences are the data inside the P.xml and I did not have any class attribute in my listGridCol.
But the other is totally the same.
Is the tabBox under another widget? Have you tried to taken out the tabBox with its listgrid and tried it alone? It might be another code implementation affecting this tabBox en listgrid widgets.
Andys
Issue available online
1 August, 2008 - 05:17 — niteshHi Andys,
Presently I am using listGrid inside panelset but even creating listGrid outside it doesn't help.
You can see the same issue online in BDN Explorer also by opening listGrid example inside Grids & Trees - http://demo.backbase.com/explorer/#|examples/listGrid.xml.
There you can see extra blank column at the end of grid.
Issue available online
8 August, 2008 - 13:29 — yudiHi Nitesh,
That extra column is expected behaviour. It is a filler in the list grid and happens when the list grid's width is more than total width of list grid columns. If you don't want to have that, the list grid width should be the same or less than the total width of list grid columns . for example:
---other code----
<b:listGridCol select="title" label="Title" width="200px" />
<b:listGridCol select="genre" label="Genre" width="100px" />
<b:listGridCol select="rating" label="Rating" width="70px" />
</b:listGrid>
or
---other code----
<b:listGridCol select="title" label="Title" width="30%" />
<b:listGridCol select="genre" label="Genre" width="30%" />
<b:listGridCol select="rating" label="Rating" width="40%" />
</b:listGrid>
~yudi
Tried that too
11 August, 2008 - 12:13 — niteshHi Yudi
Thanks for the response. I tried even width="100%" in listgrid tag but still the last blank column always appear. Also tried same thing on mentioned BackBase application but it remains same.
I just wanted to know if it inherited or can be removed in any other way.
Thanks
Tried that too
12 August, 2008 - 15:28 — yudiHi Nitesh,
Do you mean the extra column that appears in this list grid(see link http://demo.backbase.com/explorer/#|examples/pager.xml)? The extra column is used for list grid scrollbar. It is possible to make the extra column disappear but it will break the other list grid's component style.
~Yudi
Alternate way out
19 August, 2008 - 07:19 — niteshThat's fine Yudi if extra column for list grid scrollbar can be removed in any way.
Can you tell me how can that be done to make the extra column disappear?