Re: FlexTable : how to get not wrapping text functionality
Hello Suren,
since you have a fixed width on your table then you need to wrap the text
inside another html tag so it can be wrapped.
keep the code as it is and try this
f1.setHTML(0, 0, font class=\felxtabletd\ This is a very long
text/font);
On Wed, Apr 1, 2009 at 8:23 AM, Suren nsurendi...@gmail.com wrote:
Hi Rudolf,
Thanks for the reply.
Is there anything to be modified or added in your code posted above.
Because as you mentioned, the code is not giving the expected result.
Here is what I have ...
FlexTable f1 = new FlexTable();
f1.setHTML(0, 0, This is a very long text);
f1.getCellFormatter().setStyleName(0, 0, felxtabletd);
f1.setBorderWidth(2);
RootPanel.get().add(f1);
.css file
.felxtabletd {
overflow: hidden;
white-space: nowrap;
color: cyan;
}
This is not working for me :(
Any thing I am missing out here ...please advise.
Thanks Suren
On Mar 31, 12:37 pm, rudolf michael roud...@gmail.com wrote:
Hello Suren,
Find below the code that should work for you without using set widget
inside
a flex table.
FlexTable f1 = new FlexTable();
f1.setHTML(0, 0, This is a very long text);
f1.getCellFormatter().setStyleName(0, 0, felxtabletd);
l1.setWidth(20px);
f1.setWidget(0,0, l1);
f1.setBorderWidth(2);
RootPanel.get().add(f1);
.css file
.felxtabletd {
overflow: hidden;
white-space: nowrap;
color: cyan;
}
as you can see above, if you firebug it the css class is now on the td.
and
no DIVs anymore inside your flextable.
Usually you should apply the css inheritance in here for the tables and
its
TDs but i am not a css expert.
On Tue, Mar 31, 2009 at 9:13 AM, Suren nsurendi...@gmail.com wrote:
Hi All,
Atlast, I did as Rudolf suggested,
here is code below to achieve non wrapping the text in FlexTable using
a Widget
{
FlexTable f1 = new FlexTable();
Label l1 = new Label(This is a very long text);
l1.setWidth(20px);
f1.setWidget(0,0, l1);
f1.setBorderWidth(2);
RootPanel.get().add(f1);
}
And in the CSS, I set the style for only Label
.gwt-Label {
overflow: hidden;
white-space: nowrap;
color: cyan;
}
And this is working absolutely fine.
I would like to know, how I can achieve the same without using widget
in a FlexTable. I tried the same as Rudolf suggested, but not getting
the expected result.
Any help would be appreciated
Thanks
Suren
On Mar 31, 1:40 am, Suren nsurendi...@gmail.com wrote:
Thanks Magius and Rudolf for the reply.
I should mention that I have a very little exposure to GWT,
Here, what I have is a simple code using a FlexTable
[code]
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.ui.FlexTable;
import com.google.gwt.user.client.ui.RootPanel;
public class Thinclient implements EntryPoint {
public void onModuleLoad() {
FlexTable f1 = new FlexTable();
f1.getCellFormatter().setWidth(0,0,2px);
f1.setText(0, 0, This is a very long text);
f1.setBorderWidth(2);
RootPanel.get().add(f1);
}
}
[/code]
I 've tried using widget(Label), HTMLText to achieve the not wrapping
functionality.
But somehow,somewhere, something I am missing with the above
suggested
implementation and so its getting either wrapped or displayed the
full
text. I want the text that only fit to the width. Rest can be hidden.
Kindly advise me to acheive my requirement.
Thanks
Suren
On Mar 30, 7:53 pm, Magius antonio.diaz@gmail.com wrote:
I achieved to avoid the word wrap after a long session with google
and
trying different things. And only for IE!
Tables are old elements of HTML with a lot of css-options to
render.
I did several things, probably some of them are not needed, I
expect
to not have forgot anyone.
In my widget constructor, I tried and finally commented (my widget
extended FlexTable) :
// DOM.setStyleAttribute( this.getElement( ),
word-wrap,
normal);
// DOM.setStyleAttribute( this.getElement( ),
white-space,
nowrap);
For the 1st row (header)
getRowFormatter( ).setStyleName( 0,
table-header);
For each row:
getRowFormatter( ).setStyleName( j, table-row);
getCellFormatter( ).setWidth( 0, j, width); /* I
fixed
each column here, in the header cells */
For each cell:
getCellFormatter( ).setWordWrap( i, j, false);
getCellFormatter( ).setWidth( i, j, 100%);
label = new Label( text);
label.setTitle( text);
label.setStyle( table-cell);
And the css:
.table-cell{
Re: FlexTable : how to get not wrapping text functionality
Hi Rudolf,
Ok I agree with that I have the fixed width, but see below what I have
now,
FlexTable f1 = new FlexTable();
f1.setHTML(0, 0, font class=\felxtabletd\ This is a very long
text/font);
f1.setBorderWidth(2);
RootPanel.get().add(f1);
Even now its is not working..
Thanks
Suren
On Apr 1, 1:32 pm, rudolf michael roud...@gmail.com wrote:
Hello Suren,
since you have a fixed width on your table then you need to wrap the text
inside another html tag so it can be wrapped.
keep the code as it is and try this
f1.setHTML(0, 0, font class=\felxtabletd\ This is a very long
text/font);
On Wed, Apr 1, 2009 at 8:23 AM, Suren nsurendi...@gmail.com wrote:
Hi Rudolf,
Thanks for the reply.
Is there anything to be modified or added in your code posted above.
Because as you mentioned, the code is not giving the expected result.
Here is what I have ...
FlexTable f1 = new FlexTable();
f1.setHTML(0, 0, This is a very long text);
f1.getCellFormatter().setStyleName(0, 0, felxtabletd);
f1.setBorderWidth(2);
RootPanel.get().add(f1);
.css file
.felxtabletd {
overflow: hidden;
white-space: nowrap;
color: cyan;
}
This is not working for me :(
Any thing I am missing out here ...please advise.
Thanks Suren
On Mar 31, 12:37 pm, rudolf michael roud...@gmail.com wrote:
Hello Suren,
Find below the code that should work for you without using set widget
inside
a flex table.
FlexTable f1 = new FlexTable();
f1.setHTML(0, 0, This is a very long text);
f1.getCellFormatter().setStyleName(0, 0, felxtabletd);
l1.setWidth(20px);
f1.setWidget(0,0, l1);
f1.setBorderWidth(2);
RootPanel.get().add(f1);
.css file
.felxtabletd {
overflow: hidden;
white-space: nowrap;
color: cyan;
}
as you can see above, if you firebug it the css class is now on the td.
and
no DIVs anymore inside your flextable.
Usually you should apply the css inheritance in here for the tables and
its
TDs but i am not a css expert.
On Tue, Mar 31, 2009 at 9:13 AM, Suren nsurendi...@gmail.com wrote:
Hi All,
Atlast, I did as Rudolf suggested,
here is code below to achieve non wrapping the text in FlexTable using
a Widget
{
FlexTable f1 = new FlexTable();
Label l1 = new Label(This is a very long text);
l1.setWidth(20px);
f1.setWidget(0,0, l1);
f1.setBorderWidth(2);
RootPanel.get().add(f1);
}
And in the CSS, I set the style for only Label
.gwt-Label {
overflow: hidden;
white-space: nowrap;
color: cyan;
}
And this is working absolutely fine.
I would like to know, how I can achieve the same without using widget
in a FlexTable. I tried the same as Rudolf suggested, but not getting
the expected result.
Any help would be appreciated
Thanks
Suren
On Mar 31, 1:40 am, Suren nsurendi...@gmail.com wrote:
Thanks Magius and Rudolf for the reply.
I should mention that I have a very little exposure to GWT,
Here, what I have is a simple code using a FlexTable
[code]
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.ui.FlexTable;
import com.google.gwt.user.client.ui.RootPanel;
public class Thinclient implements EntryPoint {
public void onModuleLoad() {
FlexTable f1 = new FlexTable();
f1.getCellFormatter().setWidth(0,0,2px);
f1.setText(0, 0, This is a very long text);
f1.setBorderWidth(2);
RootPanel.get().add(f1);
}
}
[/code]
I 've tried using widget(Label), HTMLText to achieve the not wrapping
functionality.
But somehow,somewhere, something I am missing with the above
suggested
implementation and so its getting either wrapped or displayed the
full
text. I want the text that only fit to the width. Rest can be hidden.
Kindly advise me to acheive my requirement.
Thanks
Suren
On Mar 30, 7:53 pm, Magius antonio.diaz@gmail.com wrote:
I achieved to avoid the word wrap after a long session with google
and
trying different things. And only for IE!
Tables are old elements of HTML with a lot of css-options to
render.
I did several things, probably some of them are not needed, I
expect
to not have forgot anyone.
In my widget constructor, I tried and finally commented (my widget
extended FlexTable) :
// DOM.setStyleAttribute( this.getElement( ),
word-wrap,
normal);
// DOM.setStyleAttribute( this.getElement( ),
white-space,
nowrap);
For the 1st row (header)
getRowFormatter( ).setStyleName( 0,
table-header);
For each row:
getRowFormatter( ).setStyleName( j, table-row);
Re: FlexTable : how to get not wrapping text functionality
Hello Suren,
Find below the code that should work for you without using set widget inside
a flex table.
FlexTable f1 = new FlexTable();
f1.setHTML(0, 0, This is a very long text);
f1.getCellFormatter().setStyleName(0, 0, felxtabletd);
l1.setWidth(20px);
f1.setWidget(0,0, l1);
f1.setBorderWidth(2);
RootPanel.get().add(f1);
.css file
.felxtabletd {
overflow: hidden;
white-space: nowrap;
color: cyan;
}
as you can see above, if you firebug it the css class is now on the td. and
no DIVs anymore inside your flextable.
Usually you should apply the css inheritance in here for the tables and its
TDs but i am not a css expert.
On Tue, Mar 31, 2009 at 9:13 AM, Suren nsurendi...@gmail.com wrote:
Hi All,
Atlast, I did as Rudolf suggested,
here is code below to achieve non wrapping the text in FlexTable using
a Widget
{
FlexTable f1 = new FlexTable();
Label l1 = new Label(This is a very long text);
l1.setWidth(20px);
f1.setWidget(0,0, l1);
f1.setBorderWidth(2);
RootPanel.get().add(f1);
}
And in the CSS, I set the style for only Label
.gwt-Label {
overflow: hidden;
white-space: nowrap;
color: cyan;
}
And this is working absolutely fine.
I would like to know, how I can achieve the same without using widget
in a FlexTable. I tried the same as Rudolf suggested, but not getting
the expected result.
Any help would be appreciated
Thanks
Suren
On Mar 31, 1:40 am, Suren nsurendi...@gmail.com wrote:
Thanks Magius and Rudolf for the reply.
I should mention that I have a very little exposure to GWT,
Here, what I have is a simple code using a FlexTable
[code]
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.ui.FlexTable;
import com.google.gwt.user.client.ui.RootPanel;
public class Thinclient implements EntryPoint {
public void onModuleLoad() {
FlexTable f1 = new FlexTable();
f1.getCellFormatter().setWidth(0,0,2px);
f1.setText(0, 0, This is a very long text);
f1.setBorderWidth(2);
RootPanel.get().add(f1);
}
}
[/code]
I 've tried using widget(Label), HTMLText to achieve the not wrapping
functionality.
But somehow,somewhere, something I am missing with the above suggested
implementation and so its getting either wrapped or displayed the full
text. I want the text that only fit to the width. Rest can be hidden.
Kindly advise me to acheive my requirement.
Thanks
Suren
On Mar 30, 7:53 pm, Magius antonio.diaz@gmail.com wrote:
I achieved to avoid the word wrap after a long session with google and
trying different things. And only for IE!
Tables are old elements of HTML with a lot of css-options to render.
I did several things, probably some of them are not needed, I expect
to not have forgot anyone.
In my widget constructor, I tried and finally commented (my widget
extended FlexTable) :
// DOM.setStyleAttribute( this.getElement( ), word-wrap,
normal);
// DOM.setStyleAttribute( this.getElement( ),
white-space,
nowrap);
For the 1st row (header)
getRowFormatter( ).setStyleName( 0, table-header);
For each row:
getRowFormatter( ).setStyleName( j, table-row);
getCellFormatter( ).setWidth( 0, j, width); /* I fixed
each column here, in the header cells */
For each cell:
getCellFormatter( ).setWordWrap( i, j, false);
getCellFormatter( ).setWidth( i, j, 100%);
label = new Label( text);
label.setTitle( text);
label.setStyle( table-cell);
And the css:
.table-cell{
white-space: nowrap;
overflow: hidden;}
.table-row {
white-space: nowrap;
...}
.table-row td,th{
white-space: nowrap;
overflow: hidden;}
.table-header {
white-space: nowrap;
...}
.table-header td,th {
white-space: nowrap;
...}
.table{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
table-layout: fixed;
margin-left:auto;
margin-right:auto;
.
}
On Mar 30, 12:45 pm, rudolf michael roud...@gmail.com wrote:
that's because your text is wrapped inside a div and not inside the
td of
the table.
you either use setHTML instead of set widget and keep the style on
the felx
table td or if you're using setWidget then you need to apply the
stylename
on the label and not the td of the flex table.
On Mon, Mar 30, 2009 at 11:52 AM, Suren nsurendi...@gmail.com
wrote:
Hi Danny,
Thanks for the reply.
Yes I agree with your statement on the table and CSS style. But
here
my problem is that, how I can use that with the
Re: FlexTable : how to get not wrapping text functionality
Hi Rudolf,
Thanks for the reply.
Is there anything to be modified or added in your code posted above.
Because as you mentioned, the code is not giving the expected result.
Here is what I have ...
FlexTable f1 = new FlexTable();
f1.setHTML(0, 0, This is a very long text);
f1.getCellFormatter().setStyleName(0, 0, felxtabletd);
f1.setBorderWidth(2);
RootPanel.get().add(f1);
.css file
.felxtabletd {
overflow: hidden;
white-space: nowrap;
color: cyan;
}
This is not working for me :(
Any thing I am missing out here ...please advise.
Thanks Suren
On Mar 31, 12:37 pm, rudolf michael roud...@gmail.com wrote:
Hello Suren,
Find below the code that should work for you without using set widget inside
a flex table.
FlexTable f1 = new FlexTable();
f1.setHTML(0, 0, This is a very long text);
f1.getCellFormatter().setStyleName(0, 0, felxtabletd);
l1.setWidth(20px);
f1.setWidget(0,0, l1);
f1.setBorderWidth(2);
RootPanel.get().add(f1);
.css file
.felxtabletd {
overflow: hidden;
white-space: nowrap;
color: cyan;
}
as you can see above, if you firebug it the css class is now on the td. and
no DIVs anymore inside your flextable.
Usually you should apply the css inheritance in here for the tables and its
TDs but i am not a css expert.
On Tue, Mar 31, 2009 at 9:13 AM, Suren nsurendi...@gmail.com wrote:
Hi All,
Atlast, I did as Rudolf suggested,
here is code below to achieve non wrapping the text in FlexTable using
a Widget
{
FlexTable f1 = new FlexTable();
Label l1 = new Label(This is a very long text);
l1.setWidth(20px);
f1.setWidget(0,0, l1);
f1.setBorderWidth(2);
RootPanel.get().add(f1);
}
And in the CSS, I set the style for only Label
.gwt-Label {
overflow: hidden;
white-space: nowrap;
color: cyan;
}
And this is working absolutely fine.
I would like to know, how I can achieve the same without using widget
in a FlexTable. I tried the same as Rudolf suggested, but not getting
the expected result.
Any help would be appreciated
Thanks
Suren
On Mar 31, 1:40 am, Suren nsurendi...@gmail.com wrote:
Thanks Magius and Rudolf for the reply.
I should mention that I have a very little exposure to GWT,
Here, what I have is a simple code using a FlexTable
[code]
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.ui.FlexTable;
import com.google.gwt.user.client.ui.RootPanel;
public class Thinclient implements EntryPoint {
public void onModuleLoad() {
FlexTable f1 = new FlexTable();
f1.getCellFormatter().setWidth(0,0,2px);
f1.setText(0, 0, This is a very long text);
f1.setBorderWidth(2);
RootPanel.get().add(f1);
}
}
[/code]
I 've tried using widget(Label), HTMLText to achieve the not wrapping
functionality.
But somehow,somewhere, something I am missing with the above suggested
implementation and so its getting either wrapped or displayed the full
text. I want the text that only fit to the width. Rest can be hidden.
Kindly advise me to acheive my requirement.
Thanks
Suren
On Mar 30, 7:53 pm, Magius antonio.diaz@gmail.com wrote:
I achieved to avoid the word wrap after a long session with google and
trying different things. And only for IE!
Tables are old elements of HTML with a lot of css-options to render.
I did several things, probably some of them are not needed, I expect
to not have forgot anyone.
In my widget constructor, I tried and finally commented (my widget
extended FlexTable) :
// DOM.setStyleAttribute( this.getElement( ), word-wrap,
normal);
// DOM.setStyleAttribute( this.getElement( ),
white-space,
nowrap);
For the 1st row (header)
getRowFormatter( ).setStyleName( 0, table-header);
For each row:
getRowFormatter( ).setStyleName( j, table-row);
getCellFormatter( ).setWidth( 0, j, width); /* I fixed
each column here, in the header cells */
For each cell:
getCellFormatter( ).setWordWrap( i, j, false);
getCellFormatter( ).setWidth( i, j, 100%);
label = new Label( text);
label.setTitle( text);
label.setStyle( table-cell);
And the css:
.table-cell{
white-space: nowrap;
overflow: hidden;}
.table-row {
white-space: nowrap;
...}
.table-row td,th{
white-space: nowrap;
overflow: hidden;}
.table-header {
white-space: nowrap;
...}
.table-header td,th {
white-space: nowrap;
...}
.table{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
FlexTable : how to get not wrapping text functionality
Hi All, I am using FlexTable in a grid format to display text. I have a situation like, the width of the particular column needs to be fixed. And in that case, I need to show whatever text is fit into that width. I dont want to use wordwrap, which inturn affects my layout. Or I dont want to display the full lengthy text too. I 've tried [code] FlexTable f1 = new FlexTable(); f1.setText(0, 0, This is a very long text); f1.setBorderWidth(2); f1.getCellFormatter().setWidth(0,0,2px); f1.getCellFormatter().setWordWrap(0, 0, false); [/code In the above case, I set the wordwrap to false, but still I am getting the wrapped text in the Flextable Could anyone please suggest any ways to acheive this? Thanks Suren --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups Google Web Toolkit group. To post to this group, send email to Google-Web-Toolkit@googlegroups.com To unsubscribe from this group, send email to google-web-toolkit+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/Google-Web-Toolkit?hl=en -~--~~~~--~~--~--~---
Re: FlexTable : how to get not wrapping text functionality
Hi Suren! I dont know why this is not working, but you can use a Label, set the word wrap of the label to false and add this label to one of your FlexTable's cell. This should work. -Danny 2009/3/30 Suren nsurendi...@gmail.com Hi All, I am using FlexTable in a grid format to display text. I have a situation like, the width of the particular column needs to be fixed. And in that case, I need to show whatever text is fit into that width. I dont want to use wordwrap, which inturn affects my layout. Or I dont want to display the full lengthy text too. I 've tried [code] FlexTable f1 = new FlexTable(); f1.setText(0, 0, This is a very long text); f1.setBorderWidth(2); f1.getCellFormatter().setWidth(0,0,2px); f1.getCellFormatter().setWordWrap(0, 0, false); [/code In the above case, I set the wordwrap to false, but still I am getting the wrapped text in the Flextable Could anyone please suggest any ways to acheive this? Thanks Suren --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups Google Web Toolkit group. To post to this group, send email to Google-Web-Toolkit@googlegroups.com To unsubscribe from this group, send email to google-web-toolkit+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/Google-Web-Toolkit?hl=en -~--~~~~--~~--~--~---
Re: FlexTable : how to get not wrapping text functionality
Hi Danny, Thanks for the reply. I should have mentioned earlier that, I 've tried that option too. that is, I set the text to a label and disable the wordwrap to that label and add that label to a FlexTable using setWidget method. Result the same.. Still I am getting either full long text with the increased width, or wrapped text with the proper width. All I want is some knid of truncated text( to appear like truncated text, but actually not, since that cell dont have enough space to display that) I have a doubt here. Did Flextable has the default settings to adjust the column width according to the text's length? And wrap the text if the width is set? If so, what if I dont want that functionality? I mean how can I disable that? apart from the wordwrap method Thanks Suren On Mar 30, 11:55 am, Danny Schimke schimk...@googlemail.com wrote: Hi Suren! I dont know why this is not working, but you can use a Label, set the word wrap of the label to false and add this label to one of your FlexTable's cell. This should work. -Danny 2009/3/30 Suren nsurendi...@gmail.com Hi All, I am using FlexTable in a grid format to display text. I have a situation like, the width of the particular column needs to be fixed. And in that case, I need to show whatever text is fit into that width. I dont want to use wordwrap, which inturn affects my layout. Or I dont want to display the full lengthy text too. I 've tried [code] FlexTable f1 = new FlexTable(); f1.setText(0, 0, This is a very long text); f1.setBorderWidth(2); f1.getCellFormatter().setWidth(0,0,2px); f1.getCellFormatter().setWordWrap(0, 0, false); [/code In the above case, I set the wordwrap to false, but still I am getting the wrapped text in the Flextable Could anyone please suggest any ways to acheive this? Thanks Suren- Hide quoted text - - Show quoted text - --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups Google Web Toolkit group. To post to this group, send email to Google-Web-Toolkit@googlegroups.com To unsubscribe from this group, send email to google-web-toolkit+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/Google-Web-Toolkit?hl=en -~--~~~~--~~--~--~---
Re: FlexTable : how to get not wrapping text functionality
In standard a table wraps your text. You could try to add a the following
CSS class to the cell (td- element of the table), that should not wrap its
text.
.no-wrap {
white-space: nowrap;
}
In the following example- HTML the text is not breaking although the table
has a width of 100px. The Table's width will grow up.
table class=non-wrapping-tablewidth=100px border=1
tr
td class=no-wrap
to long text, to long text, to long text, to long text
/td
/tr
/table
If you want to say, that the complete table should not wraps its text you
can do it with CSS, instead of adding the no-wrap CSS class to each td
element.
.non-wrapping-table tr td {
white-space: nowrap;
}
hope that will help...
-Danny
2009/3/30 Suren nsurendi...@gmail.com
Hi Danny,
Thanks for the reply.
I should have mentioned earlier that, I 've tried that option too.
that is, I set the text to a label and disable the wordwrap to that
label and add that label to a FlexTable using setWidget method.
Result the same..
Still I am getting either full long text with the increased width, or
wrapped text with the proper width.
All I want is some knid of truncated text( to appear like truncated
text, but actually not, since that cell dont have enough space to
display that)
I have a doubt here. Did Flextable has the default settings to adjust
the column width according to the text's length? And wrap the text if
the width is set?
If so, what if I dont want that functionality? I mean how can I
disable that? apart from the wordwrap method
Thanks
Suren
On Mar 30, 11:55 am, Danny Schimke schimk...@googlemail.com wrote:
Hi Suren!
I dont know why this is not working, but you can use a Label, set the
word
wrap of the label to false and add this label to one of your FlexTable's
cell. This should work.
-Danny
2009/3/30 Suren nsurendi...@gmail.com
Hi All,
I am using FlexTable in a grid format to display text. I have a
situation like, the width of the particular column needs to be fixed.
And in that case, I need to show whatever text is fit into that width.
I dont want to use wordwrap, which inturn affects my layout. Or I dont
want to display the full lengthy text too.
I 've tried
[code]
FlexTable f1 = new FlexTable();
f1.setText(0, 0, This is a very long text);
f1.setBorderWidth(2);
f1.getCellFormatter().setWidth(0,0,2px);
f1.getCellFormatter().setWordWrap(0, 0, false);
[/code
In the above case, I set the wordwrap to false, but still I am getting
the wrapped text in the Flextable
Could anyone please suggest any ways to acheive this?
Thanks
Suren- Hide quoted text -
- Show quoted text -
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
Google Web Toolkit group.
To post to this group, send email to Google-Web-Toolkit@googlegroups.com
To unsubscribe from this group, send email to
google-web-toolkit+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/Google-Web-Toolkit?hl=en
-~--~~~~--~~--~--~---
Re: FlexTable : how to get not wrapping text functionality
Hi Danny,
Thanks for the reply.
Yes I agree with your statement on the table and CSS style. But here
my problem is that, how I can use that with the FlexTable,
When I try to apply the style with the flexTable, I still get the
wrapped text
:(
Thanks
Suren
On Mar 30, 1:13 pm, Danny Schimke schimk...@googlemail.com wrote:
In standard a table wraps your text. You could try to add a the following
CSS class to the cell (td- element of the table), that should not wrap its
text.
.no-wrap {
white-space: nowrap;
}
In the following example- HTML the text is not breaking although the table
has a width of 100px. The Table's width will grow up.
table class=non-wrapping-tablewidth=100px border=1
tr
td class=no-wrap
to long text, to long text, to long text, to long text
/td
/tr
/table
If you want to say, that the complete table should not wraps its text you
can do it with CSS, instead of adding the no-wrap CSS class to each td
element.
.non-wrapping-table tr td {
white-space: nowrap;
}
hope that will help...
-Danny
2009/3/30 Suren nsurendi...@gmail.com
Hi Danny,
Thanks for the reply.
I should have mentioned earlier that, I 've tried that option too.
that is, I set the text to a label and disable the wordwrap to that
label and add that label to a FlexTable using setWidget method.
Result the same..
Still I am getting either full long text with the increased width, or
wrapped text with the proper width.
All I want is some knid of truncated text( to appear like truncated
text, but actually not, since that cell dont have enough space to
display that)
I have a doubt here. Did Flextable has the default settings to adjust
the column width according to the text's length? And wrap the text if
the width is set?
If so, what if I dont want that functionality? I mean how can I
disable that? apart from the wordwrap method
Thanks
Suren
On Mar 30, 11:55 am, Danny Schimke schimk...@googlemail.com wrote:
Hi Suren!
I dont know why this is not working, but you can use a Label, set the
word
wrap of the label to false and add this label to one of your FlexTable's
cell. This should work.
-Danny
2009/3/30 Suren nsurendi...@gmail.com
Hi All,
I am using FlexTable in a grid format to display text. I have a
situation like, the width of the particular column needs to be fixed.
And in that case, I need to show whatever text is fit into that width.
I dont want to use wordwrap, which inturn affects my layout. Or I dont
want to display the full lengthy text too.
I 've tried
[code]
FlexTable f1 = new FlexTable();
f1.setText(0, 0, This is a very long text);
f1.setBorderWidth(2);
f1.getCellFormatter().setWidth(0,0,2px);
f1.getCellFormatter().setWordWrap(0, 0, false);
[/code
In the above case, I set the wordwrap to false, but still I am getting
the wrapped text in the Flextable
Could anyone please suggest any ways to acheive this?
Thanks
Suren- Hide quoted text -
- Show quoted text -- Hide quoted text -
- Show quoted text -
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
Google Web Toolkit group.
To post to this group, send email to Google-Web-Toolkit@googlegroups.com
To unsubscribe from this group, send email to
google-web-toolkit+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/Google-Web-Toolkit?hl=en
-~--~~~~--~~--~--~---
Re: FlexTable : how to get not wrapping text functionality
that's because your text is wrapped inside a div and not inside the td of
the table.
you either use setHTML instead of set widget and keep the style on the felx
table td or if you're using setWidget then you need to apply the stylename
on the label and not the td of the flex table.
On Mon, Mar 30, 2009 at 11:52 AM, Suren nsurendi...@gmail.com wrote:
Hi Danny,
Thanks for the reply.
Yes I agree with your statement on the table and CSS style. But here
my problem is that, how I can use that with the FlexTable,
When I try to apply the style with the flexTable, I still get the
wrapped text
:(
Thanks
Suren
On Mar 30, 1:13 pm, Danny Schimke schimk...@googlemail.com wrote:
In standard a table wraps your text. You could try to add a the following
CSS class to the cell (td- element of the table), that should not wrap
its
text.
.no-wrap {
white-space: nowrap;
}
In the following example- HTML the text is not breaking although the
table
has a width of 100px. The Table's width will grow up.
table class=non-wrapping-tablewidth=100px border=1
tr
td class=no-wrap
to long text, to long text, to long text, to long text
/td
/tr
/table
If you want to say, that the complete table should not wraps its text you
can do it with CSS, instead of adding the no-wrap CSS class to each td
element.
.non-wrapping-table tr td {
white-space: nowrap;
}
hope that will help...
-Danny
2009/3/30 Suren nsurendi...@gmail.com
Hi Danny,
Thanks for the reply.
I should have mentioned earlier that, I 've tried that option too.
that is, I set the text to a label and disable the wordwrap to that
label and add that label to a FlexTable using setWidget method.
Result the same..
Still I am getting either full long text with the increased width, or
wrapped text with the proper width.
All I want is some knid of truncated text( to appear like truncated
text, but actually not, since that cell dont have enough space to
display that)
I have a doubt here. Did Flextable has the default settings to adjust
the column width according to the text's length? And wrap the text if
the width is set?
If so, what if I dont want that functionality? I mean how can I
disable that? apart from the wordwrap method
Thanks
Suren
On Mar 30, 11:55 am, Danny Schimke schimk...@googlemail.com wrote:
Hi Suren!
I dont know why this is not working, but you can use a Label, set the
word
wrap of the label to false and add this label to one of your
FlexTable's
cell. This should work.
-Danny
2009/3/30 Suren nsurendi...@gmail.com
Hi All,
I am using FlexTable in a grid format to display text. I have a
situation like, the width of the particular column needs to be
fixed.
And in that case, I need to show whatever text is fit into that
width.
I dont want to use wordwrap, which inturn affects my layout. Or I
dont
want to display the full lengthy text too.
I 've tried
[code]
FlexTable f1 = new FlexTable();
f1.setText(0, 0, This is a very long text);
f1.setBorderWidth(2);
f1.getCellFormatter().setWidth(0,0,2px);
f1.getCellFormatter().setWordWrap(0, 0, false);
[/code
In the above case, I set the wordwrap to false, but still I am
getting
the wrapped text in the Flextable
Could anyone please suggest any ways to acheive this?
Thanks
Suren- Hide quoted text -
- Show quoted text -- Hide quoted text -
- Show quoted text -
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
Google Web Toolkit group.
To post to this group, send email to Google-Web-Toolkit@googlegroups.com
To unsubscribe from this group, send email to
google-web-toolkit+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/Google-Web-Toolkit?hl=en
-~--~~~~--~~--~--~---
Re: FlexTable : how to get not wrapping text functionality
I achieved to avoid the word wrap after a long session with google and
trying different things. And only for IE!
Tables are old elements of HTML with a lot of css-options to render.
I did several things, probably some of them are not needed, I expect
to not have forgot anyone.
In my widget constructor, I tried and finally commented (my widget
extended FlexTable) :
// DOM.setStyleAttribute( this.getElement( ), word-wrap,
normal);
// DOM.setStyleAttribute( this.getElement( ), white-space,
nowrap);
For the 1st row (header)
getRowFormatter( ).setStyleName( 0, table-header);
For each row:
getRowFormatter( ).setStyleName( j, table-row);
getCellFormatter( ).setWidth( 0, j, width); /* I fixed
each column here, in the header cells */
For each cell:
getCellFormatter( ).setWordWrap( i, j, false);
getCellFormatter( ).setWidth( i, j, 100%);
label = new Label( text);
label.setTitle( text);
label.setStyle( table-cell);
And the css:
.table-cell{
white-space: nowrap;
overflow: hidden;
}
.table-row {
white-space: nowrap;
...
}
.table-row td,th{
white-space: nowrap;
overflow: hidden;
}
.table-header {
white-space: nowrap;
...
}
.table-header td,th {
white-space: nowrap;
...
}
.table{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
table-layout: fixed;
margin-left:auto;
margin-right:auto;
.
}
On Mar 30, 12:45 pm, rudolf michael roud...@gmail.com wrote:
that's because your text is wrapped inside a div and not inside the td of
the table.
you either use setHTML instead of set widget and keep the style on the felx
table td or if you're using setWidget then you need to apply the stylename
on the label and not the td of the flex table.
On Mon, Mar 30, 2009 at 11:52 AM, Suren nsurendi...@gmail.com wrote:
Hi Danny,
Thanks for the reply.
Yes I agree with your statement on the table and CSS style. But here
my problem is that, how I can use that with the FlexTable,
When I try to apply the style with the flexTable, I still get the
wrapped text
:(
Thanks
Suren
On Mar 30, 1:13 pm, Danny Schimke schimk...@googlemail.com wrote:
In standard a table wraps your text. You could try to add a the following
CSS class to the cell (td- element of the table), that should not wrap
its
text.
.no-wrap {
white-space: nowrap;
}
In the following example- HTML the text is not breaking although the
table
has a width of 100px. The Table's width will grow up.
table class=non-wrapping-tablewidth=100px border=1
tr
td class=no-wrap
to long text, to long text, to long text, to long text
/td
/tr
/table
If you want to say, that the complete table should not wraps its text you
can do it with CSS, instead of adding the no-wrap CSS class to each td
element.
.non-wrapping-table tr td {
white-space: nowrap;
}
hope that will help...
-Danny
2009/3/30 Suren nsurendi...@gmail.com
Hi Danny,
Thanks for the reply.
I should have mentioned earlier that, I 've tried that option too.
that is, I set the text to a label and disable the wordwrap to that
label and add that label to a FlexTable using setWidget method.
Result the same..
Still I am getting either full long text with the increased width, or
wrapped text with the proper width.
All I want is some knid of truncated text( to appear like truncated
text, but actually not, since that cell dont have enough space to
display that)
I have a doubt here. Did Flextable has the default settings to adjust
the column width according to the text's length? And wrap the text if
the width is set?
If so, what if I dont want that functionality? I mean how can I
disable that? apart from the wordwrap method
Thanks
Suren
On Mar 30, 11:55 am, Danny Schimke schimk...@googlemail.com wrote:
Hi Suren!
I dont know why this is not working, but you can use a Label, set the
word
wrap of the label to false and add this label to one of your
FlexTable's
cell. This should work.
-Danny
2009/3/30 Suren nsurendi...@gmail.com
Hi All,
I am using FlexTable in a grid format to display text. I have a
situation like, the width of the particular column needs to be
fixed.
And in that case, I need to show whatever text is fit into that
width.
I dont want to use wordwrap, which inturn affects my layout. Or I
dont
want to display the full lengthy text too.
I 've tried
[code]
FlexTable f1 = new FlexTable();
f1.setText(0, 0, This is a very long text);
f1.setBorderWidth(2);
Re: FlexTable : how to get not wrapping text functionality
Thanks Magius and Rudolf for the reply.
I should mention that I have a very little exposure to GWT,
Here, what I have is a simple code using a FlexTable
[code]
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.ui.FlexTable;
import com.google.gwt.user.client.ui.RootPanel;
public class Thinclient implements EntryPoint {
public void onModuleLoad() {
FlexTable f1 = new FlexTable();
f1.getCellFormatter().setWidth(0,0,2px);
f1.setText(0, 0, This is a very long text);
f1.setBorderWidth(2);
RootPanel.get().add(f1);
}
}
[/code]
I 've tried using widget(Label), HTMLText to achieve the not wrapping
functionality.
But somehow,somewhere, something I am missing with the above suggested
implementation and so its getting either wrapped or displayed the full
text. I want the text that only fit to the width. Rest can be hidden.
Kindly advise me to acheive my requirement.
Thanks
Suren
On Mar 30, 7:53 pm, Magius antonio.diaz@gmail.com wrote:
I achieved to avoid the word wrap after a long session with google and
trying different things. And only for IE!
Tables are old elements of HTML with a lot of css-options to render.
I did several things, probably some of them are not needed, I expect
to not have forgot anyone.
In my widget constructor, I tried and finally commented (my widget
extended FlexTable) :
// DOM.setStyleAttribute( this.getElement( ), word-wrap,
normal);
// DOM.setStyleAttribute( this.getElement( ), white-space,
nowrap);
For the 1st row (header)
getRowFormatter( ).setStyleName( 0, table-header);
For each row:
getRowFormatter( ).setStyleName( j, table-row);
getCellFormatter( ).setWidth( 0, j, width); /* I fixed
each column here, in the header cells */
For each cell:
getCellFormatter( ).setWordWrap( i, j, false);
getCellFormatter( ).setWidth( i, j, 100%);
label = new Label( text);
label.setTitle( text);
label.setStyle( table-cell);
And the css:
.table-cell{
white-space: nowrap;
overflow: hidden;}
.table-row {
white-space: nowrap;
...}
.table-row td,th{
white-space: nowrap;
overflow: hidden;}
.table-header {
white-space: nowrap;
...}
.table-header td,th {
white-space: nowrap;
...}
.table{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
table-layout: fixed;
margin-left:auto;
margin-right:auto;
.
}
On Mar 30, 12:45 pm, rudolf michael roud...@gmail.com wrote:
that's because your text is wrapped inside a div and not inside the td of
the table.
you either use setHTML instead of set widget and keep the style on the felx
table td or if you're using setWidget then you need to apply the stylename
on the label and not the td of the flex table.
On Mon, Mar 30, 2009 at 11:52 AM, Suren nsurendi...@gmail.com wrote:
Hi Danny,
Thanks for the reply.
Yes I agree with your statement on the table and CSS style. But here
my problem is that, how I can use that with the FlexTable,
When I try to apply the style with the flexTable, I still get the
wrapped text
:(
Thanks
Suren
On Mar 30, 1:13 pm, Danny Schimke schimk...@googlemail.com wrote:
In standard a table wraps your text. You could try to add a the
following
CSS class to the cell (td- element of the table), that should not wrap
its
text.
.no-wrap {
white-space: nowrap;
}
In the following example- HTML the text is not breaking although the
table
has a width of 100px. The Table's width will grow up.
table class=non-wrapping-tablewidth=100px border=1
tr
td class=no-wrap
to long text, to long text, to long text, to long text
/td
/tr
/table
If you want to say, that the complete table should not wraps its text
you
can do it with CSS, instead of adding the no-wrap CSS class to each td
element.
.non-wrapping-table tr td {
white-space: nowrap;
}
hope that will help...
-Danny
2009/3/30 Suren nsurendi...@gmail.com
Hi Danny,
Thanks for the reply.
I should have mentioned earlier that, I 've tried that option too.
that is, I set the text to a label and disable the wordwrap to that
label and add that label to a FlexTable using setWidget method.
Result the same..
Still I am getting either full long text with the increased width, or
wrapped text with the proper width.
All I want is some knid of truncated text( to appear like truncated
text, but actually not, since that cell dont have enough space to
display that)
I have a doubt here. Did Flextable has the default settings to adjust
the column width
