Re: inline Hyperlink as part of a sentence -- spacing is getting battered by IE 6
Very true; when I use InlineHyperlink it does render without a div: You may Item 1 now if you like. That markup, when placed alone in a test page along with my stylesheets, does show the proper spacing even in IE6. So I'm at a loss to explain why the space between the link and the trailing span is collapsed when I render it inside my gwt widget. In any case, it's not a pressing matter as I've found a workaround (combine a non-breaking space to force spacing, plus a regular space to allow wrapping). Thanks for your help, I very much appreciate it. On Thu, Apr 16, 2009 at 8:57 PM, Thomas Broyer wrote: > > > > On 16 avr, 18:58, Jeoff Wilks wrote: > > Good idea. I just tried InlineHyperlink but it has the same problem. > Looking > > at the 1.6 source code I see no behavioral differences in > InlineHyperlink, > > other than a different primary style name (which probably defaults the > style > > to display: inline). > > The key is actually the super(null) call which, in Hyperlink, will use > the anchor () as the widget's element instead of wrapping it in a > (standard Hyperlink behavior). There's no "default style" for > widgets (except if you use one of the provided themes, I personnaly > don't). > > > > > --~--~-~--~~~---~--~~ 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: inline Hyperlink as part of a sentence -- spacing is getting battered by IE 6
The non-breaking space hack ( ) does work
With the DOM wrappers introduced in gwt 1.5 and the simplified
event-handling system added in 1.6 --- maybe it's time to think differently
about when a Widget is appropriate.
Panel p = new PanelThatCanHandleBothWidgetsAndDOMNodes();
p.add(Document.get().createTextNode("here is a "));
p.add(new InlineHyperlink("link","item1"));
p.add(Document.get().createTextNode(" for you."));
On Thu, Apr 16, 2009 at 12:58 PM, Jeoff Wilks wrote:
> Good idea. I just tried InlineHyperlink but it has the same problem.
> Looking at the 1.6 source code I see no behavioral differences in
> InlineHyperlink, other than a different primary style name (which probably
> defaults the style to display: inline).
>
>
> On Thu, Apr 16, 2009 at 12:43 PM, Thomas Broyer wrote:
>
>>
>>
>>
>> On 16 avr, 15:51, Jeoff Wilks wrote:
>> > I'm trying to get a simple inline Hyperlink as part of a sentence, using
>> the
>> > "display: inline" hack. In Firefox I get what I expect: You may view
>> > Item 1now if you like. But IE 6 swallows the space after the hyperlink
>> > (note the
>> > lack of any space between "1" and "now"): You may view Item 1now if you
>> > like. Any ideas how to deal with this spacing problem? I suspect the
>> problem
>> > is that where normally you'd want this markup (a dom Text node followed
>> by
>> > an Anchor node, followed by a Text node):You may view
>> > Item 1 now if you like.
>> >
>> > GWT instead renders the InlineHTML as spans, rather than plain dom Text
>> > nodes:
>> > You may view
>> > Item 1 now if you like.
>> >
>> > IE 6 apparently truncates the spaces at the start of a element.
>> But I
>> > don't know of a way to add a GWT widget to a panel without wrapping it
>> in
>> > some kind of html element.
>> >
>> > The actual code looks like: Hyperlink link = new Hyperlink("view Item
>> > 1","item1"); FlowPanel fp = new FlowPanel(); fp.add(new InlineHTML("You
>> may
>> > "); fp.add(link); fp.add(new InlineHTML(" now if you like.")); And the
>> > supporting CSS: .gwt-Hyperlink { display: inline; }
>>
>> Are you using GWT 1.6 ? If so, use an InlineHyperlink instead. If not,
>> use a no-break space, or try playing with padding/margin of the
>> Hyperlink...
>> (you might try using an InlineLabel instead of InlineHTML too)
>>
>> As a last resort: add your Hyperlink to the FlowPanel and create text
>> nodes that you'll add at the DOM level (FlowPanel.getElement().insert)
>> >>
>>
>
--~--~-~--~~~---~--~~
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: inline Hyperlink as part of a sentence -- spacing is getting battered by IE 6
Good idea. I just tried InlineHyperlink but it has the same problem. Looking
at the 1.6 source code I see no behavioral differences in InlineHyperlink,
other than a different primary style name (which probably defaults the style
to display: inline).
On Thu, Apr 16, 2009 at 12:43 PM, Thomas Broyer wrote:
>
>
>
> On 16 avr, 15:51, Jeoff Wilks wrote:
> > I'm trying to get a simple inline Hyperlink as part of a sentence, using
> the
> > "display: inline" hack. In Firefox I get what I expect: You may view
> > Item 1now if you like. But IE 6 swallows the space after the hyperlink
> > (note the
> > lack of any space between "1" and "now"): You may view Item 1now if you
> > like. Any ideas how to deal with this spacing problem? I suspect the
> problem
> > is that where normally you'd want this markup (a dom Text node followed
> by
> > an Anchor node, followed by a Text node):You may view
> > Item 1 now if you like.
> >
> > GWT instead renders the InlineHTML as spans, rather than plain dom Text
> > nodes:
> > You may view
> > Item 1 now if you like.
> >
> > IE 6 apparently truncates the spaces at the start of a element.
> But I
> > don't know of a way to add a GWT widget to a panel without wrapping it in
> > some kind of html element.
> >
> > The actual code looks like: Hyperlink link = new Hyperlink("view Item
> > 1","item1"); FlowPanel fp = new FlowPanel(); fp.add(new InlineHTML("You
> may
> > "); fp.add(link); fp.add(new InlineHTML(" now if you like.")); And the
> > supporting CSS: .gwt-Hyperlink { display: inline; }
>
> Are you using GWT 1.6 ? If so, use an InlineHyperlink instead. If not,
> use a no-break space, or try playing with padding/margin of the
> Hyperlink...
> (you might try using an InlineLabel instead of InlineHTML too)
>
> As a last resort: add your Hyperlink to the FlowPanel and create text
> nodes that you'll add at the DOM level (FlowPanel.getElement().insert)
> >
>
--~--~-~--~~~---~--~~
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
-~--~~~~--~~--~--~---
inline Hyperlink as part of a sentence -- spacing is getting battered by IE 6
I'm trying to get a simple inline Hyperlink as part of a sentence, using the
"display: inline" hack. In Firefox I get what I expect: You may view
Item 1now if you like. But IE 6 swallows the space after the hyperlink
(note the
lack of any space between "1" and "now"): You may view Item 1now if you
like. Any ideas how to deal with this spacing problem? I suspect the problem
is that where normally you'd want this markup (a dom Text node followed by
an Anchor node, followed by a Text node):You may view
Item 1 now if you like.
GWT instead renders the InlineHTML as spans, rather than plain dom Text
nodes:
You may view
Item 1 now if you like.
IE 6 apparently truncates the spaces at the start of a element. But I
don't know of a way to add a GWT widget to a panel without wrapping it in
some kind of html element.
The actual code looks like: Hyperlink link = new Hyperlink("view Item
1","item1"); FlowPanel fp = new FlowPanel(); fp.add(new InlineHTML("You may
"); fp.add(link); fp.add(new InlineHTML(" now if you like.")); And the
supporting CSS: .gwt-Hyperlink { display: inline; }
---
Related Tickets/Posts:
http://code.google.com/p/google-web-toolkit/issues/detail?id=2901
http://code.google.com/p/google-web-toolkit/issues/detail?id=3056
http://groups.google.com/group/Google-Web-Toolkit/browse_thread/thread/7d03bc354e3016c8/f880e270366ba643?q=inline+hyperlink+inlinehtml#f880e270366ba643
http://groups.google.com/group/Google-Web-Toolkit/browse_thread/thread/953262516e9d664b/914bd958e23094ee
--~--~-~--~~~---~--~~
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
-~--~~~~--~~--~--~---
