Ticket T806333
Visible to All Users

Blur form while flyut panel is open

created 6 years ago

Hello, support

Is it possible to blur main form while flyout panel is open???
like most popups in web site
example in attach

Thanx

Answers

created 6 years ago

You can display an Overlay Form before you display your FlyoutPanel, and the close it when the FlyoutPanel is closed.

    Comments (2)
    OS OS
    Oleg Sergeenko 6 years ago

      I tried, but Flyout Option CloseOnOuterClick is not working when overlay form is under flyout panel.
      I didn't find Click Event in overlay form and CloseOnOuterClick = true is needed!

      B B
      Brendon Muck [DevExpress MVP] 6 years ago

        You're right, I didn't realize the OverlayForm would block those mouse events.

        You could just set the Opacity of the parent form before showing the FlyoutPanel and then change it back when the panel is hidden:

        C#
        private void simpleButton1_Click(object sender, EventArgs e) { this.Opacity = .10d; flyoutPanel1.Hidden += FlyoutPanel1_Hidden; flyoutPanel1.ShowPopup(); } private void FlyoutPanel1_Hidden(object sender, DevExpress.Utils.FlyoutPanelEventArgs e) { this.Opacity = 1.0d; }

        Disclaimer: The information provided on DevExpress.com and affiliated web properties (including the DevExpress Support Center) is provided "as is" without warranty of any kind. Developer Express Inc disclaims all warranties, either express or implied, including the warranties of merchantability and fitness for a particular purpose. Please refer to the DevExpress.com Website Terms of Use for more information in this regard.

        Confidential Information: Developer Express Inc does not wish to receive, will not act to procure, nor will it solicit, confidential or proprietary materials and information from you through the DevExpress Support Center or its web properties. Any and all materials or information divulged during chats, email communications, online discussions, Support Center tickets, or made available to Developer Express Inc in any manner will be deemed NOT to be confidential by Developer Express Inc. Please refer to the DevExpress.com Website Terms of Use for more information in this regard.