Well, I have good news and bad news and then a little bit more good news. Good news: There is a workaround. The problem happens when the window's style gets changed, as happens when focus switches. As a result, setting the focusStyleName and noFocusStyleName to the same value will prevent the loss of formatting. Can be done by adding these attributes to each window: focusStyleName="foo" noFocusStyleName="foo"
Bad news (besides the fact that having windows that look the same regardless of focus kind of sucks): This behavior is inherited from Panel (MDIWindow's super class). If you create a Panel with a RTE inside it and then set the Panel's styleName property you will see the same issue. This happens even if the style contains nothing but a background color so it doesn't seem like the text field's style is getting overridden, which makes this a bit stranger. (Kinda) good news part 2: There is an update release of flexmdi coming early next week that will make it easier to implement the workaround. Your windows would still not have focus-specific styles though. Hopefully this workaround is enough to keep you afloat. I am going to see if I can dig a bit deeper on why this happens in the first place and will likely post to the group with what I found out... or to report my futility and ask for help. Thanks, Ben --- In [email protected], Max Frigge <[EMAIL PROTECTED]> wrote: > > You are a lifesaver!! Thanks a lot. If there's anything I can to > to support your investigation... just let me know. > > Thanks, Max > > ----- Original Message ---- > From: ben.clinkinbeard <[EMAIL PROTECTED]> > To: [email protected] > Sent: Saturday, February 9, 2008 12:58:32 AM > Subject: [flexcoders] Re: Need help creating a custom rich text editor using flexmdi > > > > > > > > > > > > > > > Hi Max, > > > > Thanks for pointing this out. To be honest I've never used the RTE > > component so I don't have much of an idea how it works or why this > > would be happening. I should be able to investigate later today though > > and will follow up with anything I figure out. > > > > Thanks, > > Ben > > > > --- In [EMAIL PROTECTED] ups.com, Max Frigge <m.frigge@ .> wrote: > > > > > > Mh.. I just noticed that the problem occurs with RichText editor > > > within a flexmdi Panel in general. So i narrowed it down and > > > created a little example.. source view enabled. Just format the > > > text in one window and then focus the other one. The text format > > > disappears right away. I also tried the same just using the PopUp > > > manager (on which the flexmdi is based on) but there it works. > > > So I assume that it must be a problem of the flexmdi. Is someone > > > of the developers online maybe, who could have a look pleeeeeease? ? > > > > > > http://www.osfeelin g.com/rte_ test/main. html > > > > > > Thanks, Max > > > > > > > > > > > > ----- Original Message ---- > > > From: Max Frigge <m.frigge@ .> > > > To: Flexcoders <[EMAIL PROTECTED] ups.com> > > > Sent: Friday, February 8, 2008 9:40:24 PM > > > Subject: [flexcoders] Need help creating a custom rich text editor > > using flexmdi > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Hi there, > > > > > > I am trying to separate the rich text controls from the rich text > > editor, > > > so that I can have the controls at a different place instead of > > inside the > > > rich text editor. I am using flexmdi (a window component) to create a > > > window based UI. I have one window that carries the textArea and > > > another one that carries all the rich text controls (font, fonsize, > > alignment, ...). > > > I use it exactly the same way it is done in the flex rich text > > editor, but instead > > > of referencing to a textArea inside the component I have a reference > > to it, > > > which is set when i create the text format window. I can format the > > text in my > > > external format window, but as soon as I click back on the text area > > (in another > > > window) I loose all the text format and it goes back to standard > > > format. > > > I have no clue how to fix this. Can anyone please give me some advise on > > > how to either fix it or search for reason why it acts like that? > > > > > > Best Regards, Max > > > > > > > > > > > > > > > Looking for last minute shopping deals? > > > Find them fast with Yahoo! Search. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > <!-- > > > > > > #ygrp-mkp{ > > > border:1px solid #d8d8d8;font- family:Arial; margin:14px > > 0px;padding: 0px 14px;} > > > #ygrp-mkp hr{ > > > border:1px solid #d8d8d8;} > > > #ygrp-mkp #hd{ > > > > > color:#628c2a; font-size: 85%;font- weight:bold; line-height: 122%;margin: 10px > > 0px;} > > > #ygrp-mkp #ads{ > > > margin-bottom: 10px;} > > > #ygrp-mkp .ad{ > > > padding:0 0;} > > > #ygrp-mkp .ad a{ > > > color:#0000ff; text-decoration: none;} > > > --> > > > > > > > > > > > > <!-- > > > > > > #ygrp-sponsor #ygrp-lc{ > > > font-family: Arial;} > > > #ygrp-sponsor #ygrp-lc #hd{ > > > margin:10px 0px;font-weight: bold;font- size:78%; line-height: 122%;} > > > #ygrp-sponsor #ygrp-lc .ad{ > > > margin-bottom: 10px;padding: 0 0;} > > > --> > > > > > > > > > > > > <!-- > > > > > > #ygrp-mlmsg {font-size:13px; font-family: arial, helvetica, clean, > > sans-serif;} > > > #ygrp-mlmsg table {font-size:inherit; font:100% ;} > > > #ygrp-mlmsg select, input, textarea {font:99% arial, helvetica, > > clean, sans-serif;} > > > #ygrp-mlmsg pre, code {font:115% monospace;} > > > #ygrp-mlmsg * {line-height: 1.22em;} > > > #ygrp-text{ > > > font-family: Georgia; > > > } > > > #ygrp-text p{ > > > margin:0 0 1em 0;} > > > #ygrp-tpmsgs{ > > > font-family: Arial; > > > clear:both;} > > > #ygrp-vitnav{ > > > padding-top: 10px;font- family:Verdana; font-size: 77%;margin: 0;} > > > #ygrp-vitnav a{ > > > padding:0 1px;} > > > #ygrp-actbar{ > > > clear:both;margin: 25px > > 0;white-space: nowrap;color: #666;text- align:right; } > > > #ygrp-actbar .left{ > > > float:left;white- space:nowrap; } > > > ..bld{font-weight: bold;} > > > #ygrp-grft{ > > > font-family: Verdana;font- size:77%; padding:15px 0;} > > > #ygrp-ft{ > > > font-family: verdana;font- size:77%; border-top: 1px solid #666; > > > padding:5px 0; > > > } > > > #ygrp-mlmsg #logo{ > > > padding-bottom: 10px;} > > > > > > #ygrp-vital{ > > > background-color: #e0ecee;margin- bottom:20px; padding:2px 0 8px 8px;} > > > #ygrp-vital #vithd{ > > > > > font-size:77% ;font-family: Verdana;font- weight:bold; color:#333; text-transform: uppercase; } > > > #ygrp-vital ul{ > > > padding:0;margin: 2px 0;} > > > #ygrp-vital ul li{ > > > list-style-type: none;clear: both;border: 1px solid #e0ecee; > > > } > > > #ygrp-vital ul li .ct{ > > > > > font-weight: bold;color: #ff7900;float: right;width: 2em;text- align:right; padding-right: .5em;} > > > #ygrp-vital ul li .cat{ > > > font-weight: bold;} > > > #ygrp-vital a{ > > > text-decoration: none;} > > > > > > #ygrp-vital a:hover{ > > > text-decoration: underline; } > > > > > > #ygrp-sponsor #hd{ > > > color:#999;font- size:77%; } > > > #ygrp-sponsor #ov{ > > > padding:6px 13px;background- color:#e0ecee; margin-bottom: 20px;} > > > #ygrp-sponsor #ov ul{ > > > padding:0 0 0 8px;margin:0; } > > > #ygrp-sponsor #ov li{ > > > list-style-type: square;padding: 6px 0;font-size: 77%;} > > > #ygrp-sponsor #ov li a{ > > > text-decoration: none;font- size:130% ;} > > > #ygrp-sponsor #nc{ > > > background-color: #eee;margin- bottom:20px; padding:0 8px;} > > > #ygrp-sponsor .ad{ > > > padding:8px 0;} > > > #ygrp-sponsor .ad #hd1{ > > > > > font-family: Arial;font- weight:bold; color:#628c2a; font-size: 100%;line- height:122% ;} > > > #ygrp-sponsor .ad a{ > > > text-decoration: none;} > > > #ygrp-sponsor .ad a:hover{ > > > text-decoration: underline; } > > > #ygrp-sponsor .ad p{ > > > margin:0;} > > > o{font-size: 0;} > > > ..MsoNormal{ > > > margin:0 0 0 0;} > > > #ygrp-text tt{ > > > font-size:120% ;} > > > blockquote{margin: 0 0 0 4px;} > > > ..replbq{margin: 4;} > > > --> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > ____________ _________ _________ _________ _________ _________ _ > > > Looking for last minute shopping deals? > > > Find them fast with Yahoo! Search. > > http://tools. search.yahoo. com/newsearch/ category. php?category= shopping > > > > > > > > > > > > > > > > > > <!-- > > #ygrp-mkp{ > border:1px solid #d8d8d8;font-family:Arial;margin:14px 0px;padding:0px 14px;} > #ygrp-mkp hr{ > border:1px solid #d8d8d8;} > #ygrp-mkp #hd{ > color:#628c2a;font-size:85%;font-weight:bold;line-height:122%;margin:10px 0px;} > #ygrp-mkp #ads{ > margin-bottom:10px;} > #ygrp-mkp .ad{ > padding:0 0;} > #ygrp-mkp .ad a{ > color:#0000ff;text-decoration:none;} > --> > > > > <!-- > > #ygrp-sponsor #ygrp-lc{ > font-family:Arial;} > #ygrp-sponsor #ygrp-lc #hd{ > margin:10px 0px;font-weight:bold;font-size:78%;line-height:122%;} > #ygrp-sponsor #ygrp-lc .ad{ > margin-bottom:10px;padding:0 0;} > --> > > > > <!-- > > #ygrp-mlmsg {font-size:13px;font-family:arial, helvetica, clean, sans-serif;} > #ygrp-mlmsg table {font-size:inherit;font:100%;} > #ygrp-mlmsg select, input, textarea {font:99% arial, helvetica, clean, sans-serif;} > #ygrp-mlmsg pre, code {font:115% monospace;} > #ygrp-mlmsg * {line-height:1.22em;} > #ygrp-text{ > font-family:Georgia; > } > #ygrp-text p{ > margin:0 0 1em 0;} > #ygrp-tpmsgs{ > font-family:Arial; > clear:both;} > #ygrp-vitnav{ > padding-top:10px;font-family:Verdana;font-size:77%;margin:0;} > #ygrp-vitnav a{ > padding:0 1px;} > #ygrp-actbar{ > clear:both;margin:25px 0;white-space:nowrap;color:#666;text-align:right;} > #ygrp-actbar .left{ > float:left;white-space:nowrap;} > ..bld{font-weight:bold;} > #ygrp-grft{ > font-family:Verdana;font-size:77%;padding:15px 0;} > #ygrp-ft{ > font-family:verdana;font-size:77%;border-top:1px solid #666; > padding:5px 0; > } > #ygrp-mlmsg #logo{ > padding-bottom:10px;} > > #ygrp-vital{ > background-color:#e0ecee;margin-bottom:20px;padding:2px 0 8px 8px;} > #ygrp-vital #vithd{ > font-size:77%;font-family:Verdana;font-weight:bold;color:#333;text-transform:uppercase;} > #ygrp-vital ul{ > padding:0;margin:2px 0;} > #ygrp-vital ul li{ > list-style-type:none;clear:both;border:1px solid #e0ecee; > } > #ygrp-vital ul li .ct{ > font-weight:bold;color:#ff7900;float:right;width:2em;text-align:right;padding-right:.5em;} > #ygrp-vital ul li .cat{ > font-weight:bold;} > #ygrp-vital a{ > text-decoration:none;} > > #ygrp-vital a:hover{ > text-decoration:underline;} > > #ygrp-sponsor #hd{ > color:#999;font-size:77%;} > #ygrp-sponsor #ov{ > padding:6px 13px;background-color:#e0ecee;margin-bottom:20px;} > #ygrp-sponsor #ov ul{ > padding:0 0 0 8px;margin:0;} > #ygrp-sponsor #ov li{ > list-style-type:square;padding:6px 0;font-size:77%;} > #ygrp-sponsor #ov li a{ > text-decoration:none;font-size:130%;} > #ygrp-sponsor #nc{ > background-color:#eee;margin-bottom:20px;padding:0 8px;} > #ygrp-sponsor .ad{ > padding:8px 0;} > #ygrp-sponsor .ad #hd1{ > font-family:Arial;font-weight:bold;color:#628c2a;font-size:100%;line-height:122%;} > #ygrp-sponsor .ad a{ > text-decoration:none;} > #ygrp-sponsor .ad a:hover{ > text-decoration:underline;} > #ygrp-sponsor .ad p{ > margin:0;} > o{font-size:0;} > ..MsoNormal{ > margin:0 0 0 0;} > #ygrp-text tt{ > font-size:120%;} > blockquote{margin:0 0 0 4px;} > ..replbq{margin:4;} > --> > > > > > > > > > ____________________________________________________________________________________ > Be a better friend, newshound, and > know-it-all with Yahoo! Mobile. Try it now. http://mobile.yahoo.com/;_ylt=Ahu06i62sR8HDtDypao8Wcj9tAcJ >
