3 Replies Latest reply on Jan 3, 2012 8:51 AM by Carol L. Frampton

    Flex4 styling issue

    sudhansurana

      Hi

      I have created custom advancedDatagrid component while extending AdvancedDatagrid.

       

      After embedding fonts it is showing the following issue.

       

      in CSS

       

      mx|global

                          {

                                    font-family:Arial;

                                    color:#000000;

                                    modal-transparency: 0.5;

                                    modal-transparency-color: #333333;

                                    modal-transparency-blur:0.5;

         textFieldClass: ClassReference("mx.core.UIFTETextField");

                          }

       

                          @font-face {

                                    src: url("ARIAL.TTF");

                                    fontFamily: Arial;

                                    fontStyle: normal  ;

                                    fontWeight: normal  ;

                                    embedAsCFF:true ;

                                    advancedAntiAliasing: true ;

                          }

       

       

       

      Error: 'restrict' is not implemented in FTETextField.

                at mx.core::FTETextField/set restrict()[E:\dev\4.0.0\frameworks\projects\spark\src\mx\core\FTETextField.as:1357]

                at mx.controls::TextInput/commitProperties()[E:\dev\4.0.0\frameworks\projects\framework\src\ mx\controls\TextInput.as:1787]

                at mx.core::UIComponent/validateProperties()[E:\dev\4.0.0\frameworks\projects\framework\src\ mx\core\UIComponent.as:7772]

                at mx.managers::LayoutManager/validateProperties()[E:\dev\4.0.0\frameworks\projects\framewor k\src\mx\managers\LayoutManager.as:572]

                at mx.managers::LayoutManager/doPhasedInstantiation()[E:\dev\4.0.0\frameworks\projects\frame work\src\mx\managers\LayoutManager.as:700]

                at mx.managers::LayoutManager/doPhasedInstantiationCallback()[E:\dev\4.0.0\frameworks\projec ts\framework\src\mx\managers\LayoutManager.as:1072]

       

      Please help me fix this Issue.

       

      Thanks

      Sudhansu

        • 1. Re: Flex4 styling issue
          sudhansurana Level 1

          Adding styling to mx TextInput show the above error.

          mx|TextInput

                              {

                                        font-family:Arial;

                                        color:#000000;

                                        font-size:12;

                                       textFieldClass: ClassReference("mx.core.UIFTETextField");

                              }

          • 2. Re: Flex4 styling issue
            drkstr_1 Level 4

            I didn't think FTE worked with the older (mx) TextInput classes, but I could be wrong....

             

            What is the specific reason you are attempting to do it this way?

            • 3. Re: Flex4 styling issue
              Carol L. Frampton Level 2

              Only some of the mx controls work (in particular those that don't have spark equivalents) with mx.core.UIFTETextField.

               

              As you can see mx:TextInput does not work.