RE: RE: RE: Regarding TreeTable Horizontal Scrollbar
Thanks to have your valuable reply effort you made to answer my query. But
let me to explain you again my problem statement because this solution won't
help me to fix the issue I have. I need a CSS style at TreeTable markup level
so that the Horizontal Scrollbar would be a part of TreeTable component. Here
is my problem statement:
In my application, there are two scenarios:
1) I need an entire table to be scrollable horizontally
2) Horizontal scrolling on entire table except the tree node column.
Now I tried with changing both TreeTable markup CSS attribute but couldn't
get success. I am using wicket 1.4.5 version.
Actually the problem statement is, in my application, I need a TreeTable where
first column should contain the data in a tree structure rest others column
will be the simple one. So, I used TreeTable wicket-extension component to get
the requirement fulfill but the problem arises when table has many number of
columns then the table should be horizontally scrollable. And as per my
analysis, this existing treetable component doesn't provide this feature.
Could you please let me know that whether it's possible to customize component
for above mentioned requirement? And if yes, then guide me to do this otherwise
please let me know what would be the other approach.
Thanks Regards
Vikash
-Original Message-
From: leo.erlands...@tyringe.com [mailto:leo.erlands...@tyringe.com]
Sent: Thursday, March 18, 2010 3:19 PM
To: users@wicket.apache.org
Subject: Re: RE: RE: Regarding TreeTable Horizontal Scrollbar
Anyone knows how to get the TreeTable Horizontal Scrollbar? If possible
share the code snippet.
Regards
Vikash
Didn't you find any CSS Examples using Google?
This really is not a Wicket question, but a CSS question. However, I did a
CSS Example for you.
Is this what you're looking for (click URL to see image)?
http://img514.imageshack.us/img514/1294/wicketscrollingtreetabl.jpg
It's all CSS. I took the Wicket TreeTable Example and added the following
CSS (quick and dirty, there are more ways).
The magic is the CSS overflow-x: scroll;
wicket:head
style
div.my-tree {
height: 20em;
width:1500px;
}
div.c {
width:1250px;
overflow-x: scroll;
}
/style
/wicket:head
wicket:extend
div class=c
div wicket:id=treeTable class=my-tree
/div
/div
/wicket:extend
iGATE is Ranked No. 1 in DQ-IDC best IT employer survey and Ranked No.2
by Business Today-Mercer Human Resource Consulting-TNS in a cross industry
survey of Best Companies to work for in India
DISCLAIMER-
Information transmitted by this EMAIL is proprietary to iGATE Group of
Companies and is intended for use only by the individual
or entity to whom it is addressed and may contain information that is
privileged, confidential, or exempt from disclosure under
applicable law. If you are not the intended recipient of this EMAIL immediately
notify the sender at iGATE or mailad...@igate.com
and delete this EMAIL including any attachments
-
To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org
For additional commands, e-mail: users-h...@wicket.apache.org
RE: RE: Regarding TreeTable Horizontal Scrollbar
Anyone knows how to get the TreeTable Horizontal Scrollbar? If possible share the code snippet. Regards Vikash -Original Message- From: Vikash Shrivastava [mailto:vikash.shrivast...@igate.com] Sent: Monday, March 15, 2010 7:26 PM To: users@wicket.apache.org Subject: RE: RE: Regarding TreeTable Horizontal Scrollbar It's true that we can get the horizontal scroll by using CSS but, in case of wicket TreeTable component, it's an issue as because of the wicket component getting prepared at java side and I couldn't find the appropriate place (in both java markup code) to use the CSS attribute. I tried to use CSS horizontal scroll attributes in wicket-tree-table CSS class but it couldn't work. Please let me know the approach if anyone has faced resolve similar kind of issue with TreeTable. Thanks -Original Message- From: leo.erlands...@tyringe.com [mailto:leo.erlands...@tyringe.com] Sent: Monday, March 15, 2010 2:50 PM To: users@wicket.apache.org Subject: Re: RE: Regarding TreeTable Horizontal Scrollbar If you want the entire table to be scrollable horizontally you should probably place the CSS attributes on the top CSS class (wicket-tree-table). Search the net for CSS horizontal scoll. There should be loads of examples on how to do this using CSS. http://lmgtfy.com/?q=css horizontal scoll overflow Where should I place the contents you have sent me as I tried it at TreeTable html couldn't get the needed output? Please see the below code and let me know where I can modify... Tried for both TreeTable component html web page html. wicket:panel div class=wicket-tree-table iGATE is Ranked No. 1 in DQ-IDC best IT employer survey and Ranked No.2 by Business Today-Mercer Human Resource Consulting-TNS in a cross industry survey of Best Companies to work for in India DISCLAIMER- Information transmitted by this EMAIL is proprietary to iGATE Group of Companies and is intended for use only by the individual or entity to whom it is addressed and may contain information that is privileged, confidential, or exempt from disclosure under applicable law. If you are not the intended recipient of this EMAIL immediately notify the sender at iGATE or mailad...@igate.com and delete this EMAIL including any attachments - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org iGATE is Ranked No. 1 in DQ-IDC best IT employer survey and Ranked No.2 By Business Today-Mercer Human Resource Consulting-TNS in a cross industry survey of Best Companies to work for in India _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ Information transmitted by this EMAIL is proprietary to iGATE Group of Companies and is intended for use only by the individual or entity to whom it is addressed and may contain information that is privileged, confidential, or exempt from disclosure under applicable law. If you are not the intended recipient of this EMAIL immediately notify the sender at iGATE or mailad...@igate.com and delete this EMAIL including any attachments _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org
Regarding TreeTable Horizontal Scrollbar
Hi, I am using TreeTable Wicket-1.4.5 component in my application. In my application, TreeTable may have one to many column based on some selection/event. I want Horizontal scrollbar for TreeTable component to see the entire columns when it has many numbers. If it needs customization then please let me know how it can be achieved. Thanks Vikash iGATE is Ranked No. 1 in DQ-IDC best IT employer survey and Ranked No.2 by Business Today-Mercer Human Resource Consulting-TNS in a cross industry survey of Best Companies to work for in India DISCLAIMER- Information transmitted by this EMAIL is proprietary to iGATE Group of Companies and is intended for use only by the individual or entity to whom it is addressed and may contain information that is privileged, confidential, or exempt from disclosure under applicable law. If you are not the intended recipient of this EMAIL immediately notify the sender at iGATE or mailad...@igate.com and delete this EMAIL including any attachments
RE: Regarding TreeTable Horizontal Scrollbar
Where should I place the contents you have sent me as I tried it at TreeTable html couldn't get the needed output? Please see the below code and let me know where I can modify... Tried for both TreeTable component html web page html. wicket:panel div class=wicket-tree-table div class=header div span wicket:id=sideColumns /span div class=a_ span wicket:id=middleColumns /span /div /div /div /* CSS to add vertical scrollbar */ div style=height: 300px; overflow: auto class=wicket-tree-table-body div wicket:id=i span wicket:id=sideColumns /span div class=a_ span wicket:id=middleColumns /span /div /div /div /div script script=text/javascript wicket:id=attachJavascript /* Will be replaced on runtime; Wicket.TreeTable.attachUpdate(treeTable); */ /script /wicket:panel wicket:fragment wicket:id=fragment span wicket:id=indent/spana wicket:id=link style=span wicket:id=image//a a wicket:id=nodeLink class=node-linkspan class=icon wicket:id=icon/spanspan wicket:id=label/span/a /wicket:fragment -Original Message- From: leo.erlands...@tyringe.com [mailto:leo.erlands...@tyringe.com] Sent: Monday, March 15, 2010 1:56 PM To: users@wicket.apache.org Subject: Re: Regarding TreeTable Horizontal Scrollbar You can solve this by using CSS. E.g. table trtd div style=width:100%;overflow:auto;white-space:nowrap [content] /div /td/tr /table The trick is overflow:auto that will add scrollbars when needed. overflow-y: scroll; will give you an always visible scrollbar for the y-axis. Hi, I am using TreeTable Wicket-1.4.5 component in my application. In my application, TreeTable may have one to many column based on some selection/event. I want Horizontal scrollbar for TreeTable component to see the entire columns when it has many numbers. If it needs customization then please let me know how it can be achieved. iGATE is Ranked No. 1 in DQ-IDC best IT employer survey and Ranked No.2 by Business Today-Mercer Human Resource Consulting-TNS in a cross industry survey of Best Companies to work for in India DISCLAIMER- Information transmitted by this EMAIL is proprietary to iGATE Group of Companies and is intended for use only by the individual or entity to whom it is addressed and may contain information that is privileged, confidential, or exempt from disclosure under applicable law. If you are not the intended recipient of this EMAIL immediately notify the sender at iGATE or mailad...@igate.com and delete this EMAIL including any attachments
RE: RE: Regarding TreeTable Horizontal Scrollbar
It's true that we can get the horizontal scroll by using CSS but, in case of wicket TreeTable component, it's an issue as because of the wicket component getting prepared at java side and I couldn't find the appropriate place (in both java markup code) to use the CSS attribute. I tried to use CSS horizontal scroll attributes in wicket-tree-table CSS class but it couldn't work. Please let me know the approach if anyone has faced resolve similar kind of issue with TreeTable. Thanks -Original Message- From: leo.erlands...@tyringe.com [mailto:leo.erlands...@tyringe.com] Sent: Monday, March 15, 2010 2:50 PM To: users@wicket.apache.org Subject: Re: RE: Regarding TreeTable Horizontal Scrollbar If you want the entire table to be scrollable horizontally you should probably place the CSS attributes on the top CSS class (wicket-tree-table). Search the net for CSS horizontal scoll. There should be loads of examples on how to do this using CSS. http://lmgtfy.com/?q=css horizontal scoll overflow Where should I place the contents you have sent me as I tried it at TreeTable html couldn't get the needed output? Please see the below code and let me know where I can modify... Tried for both TreeTable component html web page html. wicket:panel div class=wicket-tree-table iGATE is Ranked No. 1 in DQ-IDC best IT employer survey and Ranked No.2 by Business Today-Mercer Human Resource Consulting-TNS in a cross industry survey of Best Companies to work for in India DISCLAIMER- Information transmitted by this EMAIL is proprietary to iGATE Group of Companies and is intended for use only by the individual or entity to whom it is addressed and may contain information that is privileged, confidential, or exempt from disclosure under applicable law. If you are not the intended recipient of this EMAIL immediately notify the sender at iGATE or mailad...@igate.com and delete this EMAIL including any attachments - To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org
