Hey Ben, thanks for you effort. I tried to dig a bit deeper, but without any useful result. First of all i can't set the focusStyleName of the component. Due to the fact that you mentioned it is a Panel inherited property... is it possible that this property only exists in FB3 (I am using FB2)???? Anyway it is is a weird behavior. I guess the point were things are going wrong is in MDIManager.as around line 470 where the executeDefaultBehavior method comes to case "WINDOW_FOCUS_START" and "WINDOW_FOCUS_END". As soon as you set a styleName there .. even though the style name doesn't exist.. you loose the text format. At that place I changed the line with "mgrEvent.window.styleName" of the focus_end event to the same stylename used for the focus_start event, which worked around the bug just like you said it would. And you were right, it doesn't feel good when the style doesn't change. The only thing that really worked was setting alpha properties. I also tried setting style properties using setStyle instead of applying a styleName. If you do that it kinda half works. In my case I can change the style and then type text that is displayed using the format settings. When I then make the WINDOW_FOCUS_START event fire the settings are still in effect. The only thing that does not work is that when I make changes in the RTE controls and then focus the window with the textArea the settings of the text I type from then on are set back.. but changes done before stay active.
Jesus christ .. sorry. I know you probably won't understand what I try to say but this behavior and my lack of English skills make it really difficult to describe :-). Where must the heart of the problem be?!?!? Do u reckon it is somewhere in Container or UIComponent?? Thanks, Max ----- Original Message ---- From: ben.clinkinbeard <[EMAIL PROTECTED]> To: [email protected] Sent: Saturday, February 9, 2008 1:37:09 AM Subject: [flexcoders] Re: Need help creating a custom rich text editor using flexmdi 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] ups.com, 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 <ben.clinkinbeard@ ...> > To: [EMAIL PROTECTED] ups.com > 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 <flexcoders@ yahoogro 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=Ahu06i62sR 8HDtDypao8Wcj9tA cJ > <!-- #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
