6 Replies Latest reply on Sep 8, 2010 3:10 PM by learner_doug

    ToolTips turned into little tiny boxes with no text in component

    learner_doug Level 1

      My tooltips have virtually dissapeared after calling the component containing tooltips into the main application.  Tooltips work fine if I load the component as a standalone application however.

       

      Any ideas on how to fix this?

      Thanks.

        • 1. Re: ToolTips turned into little tiny boxes with no text in component
          betheflexcoder Level 2

          Posting your code here can help finding a solution.

          • 2. Re: ToolTips turned into little tiny boxes with no text in component
            learner_doug Level 1

            Here is the code.  Sorry the indentation is gone.

            Thanks.

             

             

            Main "calling" application


            _____________________

            <?xml version="1.0" encoding="utf-8"?>

            <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"

              xmlns:s="library://ns.adobe.com/flex/spark"

              xmlns:mx="library://ns.adobe.com/flex/mx" width="1024" height="100%">

            <fx:Declarations>

            <!-- Place non-visual elements (e.g., services, value objects) here -->

            </fx:Declarations>

             

            <s:layout>

            <s:BasicLayout />

            </s:layout>

            <s:VGroup horizontalCenter="0">

             

            <s:BorderContainer   bottom="5" horizontalCenter="0" cornerRadius="8" borderStyle="inset" dropShadowVisible="true">

             

            <s:HGroup paddingLeft="5" paddingBottom="5" paddingRight="5" paddingTop="5" horizontalCenter="0">

            <s:Panel id="ow" width="165" height="700" chromeColor="#0E21A4" cornerRadius="5" backgroundColor="#c1c8f9">

            <s:Label x="10" y="-24" text="Order Writer" fontSize="18" color="#FFFFFF" width="105"/>

            <s:TextArea styleName="owTextArea" x="0" y="10" width="163" height="24" text="1. Queue" toolTip="-Order enters COMIT from the CTS Web Center{'\n'}-Assigned Staff Queries COMIT Tracking for unassigned orders and assigns orders to an Order Writer" useHandCursor="true" buttonMode="true" editable="false" mouseChildren="false" />

             

            <s:TextArea styleName="owTextArea" x="0" y="36" width="163" height="26" text="2. Research/Verify/Order" toolTip="Research/Verify Order" />

             

            <s:TextArea styleName="owTextArea" x="0" y="61" height="58" width="163" text="3. Create Project/Service&#xd;    Order(s)" />

             

            <s:TextArea styleName="owTextArea" x="0" y="102" height="28" width="163" text="4. Prepare Order Package" />

             

            <s:TextArea styleName="owTextArea" x="0" y="130" width="165" height="36" text="5. Complete and Assign&#xd;    in COMIT Tracking" toolTip="-Order Writer populates COMIT Tracking{'\n'}-Assigns order to Warehouse SAC, Field Ops, and Training{'\n'}(click Milestone for more)" useHandCursor="true" buttonMode="true" editable="false" mouseChildren="false" color="#000000" />

             

            <s:TextArea styleName="owTextArea" x="0" y="510.45" height="40" width="163" text="18. Complete COMIT&#xd;      Tracking" />

             

            <s:controlBarContent>

             

            </s:controlBarContent>

            </s:Panel>

            <s:Panel id="w" width="165" height="700" chromeColor="#FBDD3F" backgroundColor="#fdf7d5" cornerRadius="5">

            <s:Label x="10" y="-24" text="Warehouse" fontSize="18" color="#000000" width="95"/>

             

            <s:TextArea styleName="whTextArea" x="1.5" y="151.3" height="27" width="163" text="6. Queue" />

             

            <s:TextArea styleName="whTextArea" x="0" y="176" width="163" height="58" text="7. Review Due Date, &#xd; Schedule Technician,&#xd; and input Labor, Hours" />

             

            <s:TextArea styleName="whTextArea" x="-0.5" y="329.9" width="163" height="31" text="12. Prepare Route Sheet" />

             

            <s:TextArea styleName="whTextArea" x="-1" y="358.9" height="33" width="173" text="13. Disbribute Route Sheet" />

             

            <s:TextArea styleName="whTextArea" x="-0.5" y="390.6" width="163" height="31" text="14. Retrieve Inventory" />

             

            <s:TextArea styleName="whTextArea" x="-0.05" y="422.1" height="28" text="15. Installs Phone" width="164" />

             

            <s:TextArea styleName="whTextArea" x="0" y="452.6" height="44" text="16. Input Hours and Signs&#xd; off" width="163" />

             

            <s:TextArea styleName="whTextArea" x="0.45" y="493.05" height="44" width="163" text="17. Complete COMIT&#xd; Trackinig" toolTip="-Router verifies Labor Hours, Sign Off, and updates nedcessary information{'\n'}-Router updates COMIT Tracking Router passes Service Order and Project back to Order Writer{'\n'}(click Milestone for more)" useHandCursor="true" buttonMode="true" editable="false" mouseChildren="false" />

             

            <s:controlBarContent>

             

            </s:controlBarContent>

            </s:Panel>

            <s:Panel id="fo" width="165" height="700" chromeColor="#664615" backgroundColor="#ece4d9" cornerRadius="5">

            <s:Label x="10" y="-24" text="Field Operations" fontSize="18" color="#FFFFFF" width="143"/>

             

            <s:TextArea styleName="foTextArea" x="1" y="228.05" width="163" text="8. Queue" height="29" fontSize="13" />

             

            <s:TextArea styleName="foTextArea" x="1" y="250.6" width="163" height="28" text="9. Assign Blocking" fontSize="13" />

             

            <s:TextArea styleName="foTextArea" x="-1.5" y="274.2" width="162" height="37" text="10. Updated Line Card" fontSize="13" />

             

            <s:TextArea styleName="foTextArea" x="0" y="308.6" width="163" height="37" text="11. Complete COMIT&#xd; Tracking" fontSize="13" />

             

            <s:controlBarContent>

             

            </s:controlBarContent>

            </s:Panel>

            <s:Panel id="sac" width="165" height="700" chromeColor="#FD9441" backgroundColor="#fae3d0" cornerRadius="5">

            <s:Label x="9" y="-29" text="Service Activation" fontSize="18" color="#FFFFFF" width="163" height="18"/>

            <s:Label x="51" y="-14" text="Center" fontSize="18" color="#FFFFFF"/>

             

            <s:TextArea styleName="sacTextArea" x="1" y="228.05" width="163" text="8. Queue" height="29" fontSize="13" />

             

            <s:TextArea styleName="sacTextArea" x="1" y="250.6" width="163" height="28" text="9. Assign Blocking" fontSize="13" />

             

            <s:TextArea styleName="sacTextArea" x="-1.5" y="274.2" width="162" height="37" text="10. Updated Line Card" fontSize="13" />

             

            <s:TextArea styleName="sacTextArea" x="0" y="308.6" width="163" height="37" text="11. Complete COMIT&#xd; Tracking" fontSize="13" />

            <s:controlBarContent>

             

            </s:controlBarContent>

            </s:Panel>

            <s:Panel id="b" width="165" height="700" chromeColor="#B4A9D1" backgroundColor="#ece8f6" cornerRadius="5">

            <s:Label x="10" y="-24" text="Billing" fontSize="18" color="#FFFFFF" width="54"/>

             

            <s:TextArea styleName="bTextArea" x="0.1" y="531.8" width="163" height="29" text="19. Queue" />

             

            <s:TextArea styleName="bTextArea" x="1.55" y="562.4" width="162" height="30" text="20. Audit Process"/>

             

            <s:TextArea styleName="bTextArea" x="2.05" y="594.05" height="26" width="163" text="21. Post Audit"/>

             

            <s:TextArea styleName="bTextArea" x="2.55" y="618.25" height="41" width="163" text="22. Complete COMIT&#xd; Tracking"/>

             

            <s:controlBarContent>

             

            </s:controlBarContent>

            </s:Panel>

            <s:Panel id="t" width="165" height="700" chromeColor="#A64F00" backgroundColor="#f1d5b4" cornerRadius="5">

            <s:Label x="14" y="-26" text="Training" fontSize="18" color="#FFFFFF" width="70"/>

             

            <s:TextArea styleName="trTextArea" x="0.5" y="149.15" width="163" height="30" text="6. Queue" color="#000000" />

             

            <s:TextArea styleName="trTextArea" x="-1.45" y="488.25" width="163" text="17. Train Customer" height="32" color="#000000" useHandCursor="true" toolTip="-Provides customer telephone training{'\n'}-Updates COMIT Tracking{'\n'}(click Milestone for more)" buttonMode="true" editable="false" mouseChildren="false" />

             

            <s:controlBarContent>

             

            </s:controlBarContent>

            </s:Panel>

            </s:HGroup>

             

            </s:BorderContainer>

            </s:VGroup>

            </s:Application>

             

            ----------------------------- Component --------------------------

             

             

            <?xml version="1.0" encoding="utf-8"?>

            <s:Group xmlns:fx="http://ns.adobe.com/mxml/2009"

              xmlns:s="library://ns.adobe.com/flex/spark"

              xmlns:mx="library://ns.adobe.com/flex/mx" width="100%" height="100%">

            <fx:Declarations>

            <!-- Place non-visual elements (e.g., services, value objects) here -->

            </fx:Declarations>

             

            <s:layout>

            <s:BasicLayout />

            </s:layout>

            <s:VGroup horizontalCenter="0">

             

            <s:BorderContainer   bottom="5" horizontalCenter="0" cornerRadius="8" borderStyle="inset" dropShadowVisible="true">

             

            <s:HGroup paddingLeft="5" paddingBottom="5" paddingRight="5" paddingTop="5" horizontalCenter="0">

            <s:Panel id="ow" width="165" height="700" chromeColor="#0E21A4" cornerRadius="5" backgroundColor="#c1c8f9">

            <s:Label x="10" y="-24" text="Order Writer" fontSize="18" color="#FFFFFF" width="105"/>

            <s:TextArea styleName="owTextArea" x="0" y="10" width="163" height="24" text="1. Queue" toolTip="-Order enters COMIT from the CTS Web Center{'\n'}-Assigned Staff Queries COMIT Tracking for unassigned orders and assigns orders to an Order Writer" useHandCursor="true" buttonMode="true" editable="false" mouseChildren="false" />

             

            <s:TextArea styleName="owTextArea" x="0" y="36" width="163" height="26" text="2. Research/Verify/Order" toolTip="Research/Verify Order" />

             

                <s:TextArea styleName="owTextArea" x="0" y="61" height="58" width="163" text="3. Create Project/Service&#xd;    Order(s)" />

             

            <s:TextArea styleName="owTextArea" x="0" y="102" height="28" width="163" text="4. Prepare Order Package" />

             

            <s:TextArea styleName="owTextArea" x="0" y="130" width="165" height="36" text="5. Complete and Assign&#xd;    in COMIT Tracking" toolTip="-Order Writer populates COMIT Tracking{'\n'}-Assigns order to Warehouse SAC, Field Ops, and Training{'\n'}(click Milestone for more)" useHandCursor="true" buttonMode="true" editable="false" mouseChildren="false" color="#000000" />

             

            <s:TextArea styleName="owTextArea" x="0" y="510.45" height="40" width="163" text="18. Complete COMIT&#xd;      Tracking" />

             

            <s:controlBarContent>

             

            </s:controlBarContent>

            </s:Panel>

            <s:Panel id="w" width="165" height="700" chromeColor="#FBDD3F" backgroundColor="#fdf7d5" cornerRadius="5">

            <s:Label x="10" y="-24" text="Warehouse" fontSize="18" color="#000000" width="95"/>

             

            <s:TextArea styleName="whTextArea" x="1.5" y="151.3" height="27" width="163" text="6. Queue" />

             

            <s:TextArea styleName="whTextArea" x="0" y="176" width="163" height="58" text="7. Review Due Date, &#xd; Schedule Technician,&#xd; and input Labor, Hours" />

             

            <s:TextArea styleName="whTextArea" x="-0.5" y="329.9" width="163" height="31" text="12. Prepare Route Sheet" />

             

            <s:TextArea styleName="whTextArea" x="-1" y="358.9" height="33" width="173" text="13. Disbribute Route Sheet" />

             

            <s:TextArea styleName="whTextArea" x="-0.5" y="390.6" width="163" height="31" text="14. Retrieve Inventory" />

             

            <s:TextArea styleName="whTextArea" x="-0.05" y="422.1" height="28" text="15. Installs Phone" width="164" />

             

            <s:TextArea styleName="whTextArea" x="0" y="452.6" height="44" text="16. Input Hours and Signs&#xd; off" width="163" />

             

            <s:TextArea styleName="whTextArea" x="0.45" y="493.05" height="44" width="163" text="17. Complete COMIT&#xd; Trackinig" toolTip="-Router verifies Labor Hours, Sign Off, and updates nedcessary information{'\n'}-Router updates COMIT Tracking Router passes Service Order and Project back to Order Writer{'\n'}(click Milestone for more)" useHandCursor="true" buttonMode="true" editable="false" mouseChildren="false" />

             

            <s:controlBarContent>

             

            </s:controlBarContent>

            </s:Panel>

            <s:Panel id="fo" width="165" height="700" chromeColor="#664615" backgroundColor="#ece4d9" cornerRadius="5">

            <s:Label x="10" y="-24" text="Field Operations" fontSize="18" color="#FFFFFF" width="143"/>

             

            <s:TextArea styleName="foTextArea" x="1" y="228.05" width="163" text="8. Queue" height="29" fontSize="13" />

             

            <s:TextArea styleName="foTextArea" x="1" y="250.6" width="163" height="28" text="9. Assign Blocking" fontSize="13" />

             

            <s:TextArea styleName="foTextArea" x="-1.5" y="274.2" width="162" height="37" text="10. Updated Line Card" fontSize="13" />

             

            <s:TextArea styleName="foTextArea" x="0" y="308.6" width="163" height="37" text="11. Complete COMIT&#xd; Tracking" fontSize="13" />

             

            <s:controlBarContent>

             

            </s:controlBarContent>

            </s:Panel>

            <s:Panel id="sac" width="165" height="700" chromeColor="#FD9441" backgroundColor="#fae3d0" cornerRadius="5">

            <s:Label x="9" y="-29" text="Service Activation" fontSize="18" color="#FFFFFF" width="163" height="18"/>

            <s:Label x="51" y="-14" text="Center" fontSize="18" color="#FFFFFF"/>

             

            <s:TextArea styleName="sacTextArea" x="1" y="228.05" width="163" text="8. Queue" height="29" fontSize="13" />

             

            <s:TextArea styleName="sacTextArea" x="1" y="250.6" width="163" height="28" text="9. Assign Blocking" fontSize="13" />

             

            <s:TextArea styleName="sacTextArea" x="-1.5" y="274.2" width="162" height="37" text="10. Updated Line Card" fontSize="13" />

             

            <s:TextArea styleName="sacTextArea" x="0" y="308.6" width="163" height="37" text="11. Complete COMIT&#xd; Tracking" fontSize="13" />

            <s:controlBarContent>

             

            </s:controlBarContent>

            </s:Panel>

            <s:Panel id="b" width="165" height="700" chromeColor="#B4A9D1" backgroundColor="#ece8f6" cornerRadius="5">

            <s:Label x="10" y="-24" text="Billing" fontSize="18" color="#FFFFFF" width="54"/>

             

            <s:TextArea styleName="bTextArea" x="0.1" y="531.8" width="163" height="29" text="19. Queue" />

             

            <s:TextArea styleName="bTextArea" x="1.55" y="562.4" width="162" height="30" text="20. Audit Process"/>

             

            <s:TextArea styleName="bTextArea" x="2.05" y="594.05" height="26" width="163" text="21. Post Audit"/>

             

            <s:TextArea styleName="bTextArea" x="2.55" y="618.25" height="41" width="163" text="22. Complete COMIT&#xd; Tracking"/>

             

            <s:controlBarContent>

             

            </s:controlBarContent>

            </s:Panel>

            <s:Panel id="t" width="165" height="700" chromeColor="#A64F00" backgroundColor="#f1d5b4" cornerRadius="5">

            <s:Label x="14" y="-26" text="Training" fontSize="18" color="#FFFFFF" width="70"/>

             

            <s:TextArea styleName="trTextArea" x="0.5" y="149.15" width="163" height="30" text="6. Queue" color="#000000" />

             

            <s:TextArea styleName="trTextArea" x="-1.45" y="488.25" width="163" text="17. Train Customer" height="32" color="#000000" useHandCursor="true" toolTip="-Provides customer telephone training{'\n'}-Updates COMIT Tracking{'\n'}(click Milestone for more)" buttonMode="true" editable="false" mouseChildren="false" />

             

            <s:controlBarContent>

             

            </s:controlBarContent>

            </s:Panel>

            </s:HGroup>

             

            </s:BorderContainer>

            </s:VGroup>

             

            </s:Group>

             

            • 3. Re: ToolTips turned into little tiny boxes with no text in component
              Flex harUI Adobe Employee

              Did you embed fonts?  You might need to enable FTE in the MX components as

              Tooltip is still an MX by default, or supply a custom Spark-based tooltip.

              1 person found this helpful
              • 4. Re: ToolTips turned into little tiny boxes with no text in component
                learner_doug Level 1

                I have not been embedding fonts.  I tried a custom tooltip using the tooltip manager and got a nice sized tooltip area, but no text.  I may need to embed the font eh?  I'll look into that.

                 

                Thanks.

                • 5. Re: ToolTips turned into little tiny boxes with no text in component
                  Flex harUI Adobe Employee

                  If you aren't embedding, you shouldn't have to start embedding.  If you have

                  a simple test case, post it.

                  1 person found this helpful
                  • 6. Re: ToolTips turned into little tiny boxes with no text in component
                    learner_doug Level 1

                    In preparing a simplified example for you to review, I found the problem:  My simplified version did not include the loading of an external SWF.  I was keeping the SWF from a previous interaction loaded while the user moved on to the interaction in question.  By not loading the external SWF, my text appeared in the custom tooltip.

                     

                    Thanks for your suggestion.  I'm going to unload the SWF and see what happens.  In any case I don't need to embed any fonts, however the idea seems to be pretty useful.

                     

                    Thanks much

                    Doug