Introduction to flex full screen

Recently, the content related to workflow design tools has been developed. Web applications use standard distribution methods, namely the layout of top, left, and right, the result is that the design interface of the design tool is relatively small. When a complicated process is encountered, the design process is relatively compact, and the ease of use of the design tool is not good enough. To solve this problem, you need to support the flex full screen mode.

You can use the following methods to achieve full screen flex:

1. Use the flex fullscreen mode. The specific implementation method is as follows:
   1. Modify the index.template.html file under the html-templatefolder and add the following content to ac_fl_runcontent:"Allowfullscreen", "true"; Add:Allowfullscreen = "true".
   2. SetThe value of stage. displaystate is stagedisplaystate. full_screen to switch to full screen mode.

   Disadvantages:

   Although this method can switch flex to full screen mode, inputtext and other controls in flex cannot be edited, and "Press ESC to exist full screen" appears in the center of flex ". Therefore, this method cannot meet the design requirements.

   Of course, there is still a way to remove Subtitles from the center, although the results cannot be changed after the subtitles are removed. To remove the Central "Press ESC to exist full screen" subtitle, see:

   Http://stackoverflow.com/questions/1415436/flex-fullscreen-translate-edit-press-esc-to-exit-fullscreen-mode

   TheArticleI explained how to remove full-screen Subtitles from IE and flex in Firefox.

3. Use showmodaldialog to simulate the full screen mode of Flex. In showmodaldialog, remove the toolbar, menu bar, and address bar, and set the width and height to the width and height of the screen. However, this method is complicated because it involves data synchronization. The synchronization method varies depending on the complexity and requirements of the project. A simple method is to synchronize data to the home page when showmodaldialog is disabled. This method is complicated and error-prone, so it is not implemented. If you are interested, try it on your own.
4. Simulate full screen mode of IE F11. When you select full screen mode, simulate the F11 press down event of IE to hide the address bar, menu bar, and toolbar of IE, and hide the frame on the top and left, display the frame on the right in full screen to achieve the expected effect.

   The F11 pressdown Event Simulation Method of IE is as follows:

   VaR shell = new activexobject ('wscript. shell ')
   Shell. sendkeys ('{F11 }');

   Of course there are many methods to hide the frame, so I will not detail it.

   Disadvantages:

   This method requires you to modify the security options of IE. The specific method is as follows:

   1. Tools> Internet Options> Security> Custom Level
   2. ActiveX controls and plug-ins> initializing and Script ActiveX controls not marked as safe> enable

   IfThe above options are not setEnable, Then the following message will be reported:Automation server can't create objectError.

    

   Original article. For more information, see the source!
   All copyright reserved!

   Home: http://jingtao.cnblogs.com

   QQ: 307073463
   Email: jingtaodeemail@qq.com
   MSN: sunjingtao@live.com