To specify the animation type for these actions, specify the PopupAnimationType and CloseAnimationType properties. The Popup Control can be displayed and closed with one of two available animations: Fade and Slide. Proin dapibus vulputate mauris, sit amet molestie metus auctor ut. Phasellus non lorem id dui dapibus tristique at at massa. Fusce egestas, diam in facilisis vulputate, felis nisi tristique ipsum, non faucibus dolor odio ac nulla. Suspendisse in mi faucibus, faucibus tellus ut, consectetur mi. Vestibulum sed pretium risus, vel dictum justo. Nulla vitae turpis at leo finibus iaculis eu non ante. Fusce a elit ac eros tempus varius ut sit amet orci. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam porttitor, sem a pellentesque ultrices, nulla leo sagittis felis, eu blandit lacus nulla vitae sapien. Donec dignissim sagittis neque id euismod. Curabitur gravida augue tellus, vel sagittis lacus venenatis eu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. When the SettingsAdaptivity.Mode property is set to Always, the popup window is always adaptive. When this property is set to On, the popup window automatically switches to the adaptive mode if the browser window's width is less than the SettingsAdaptivity.SwitchAtWindowInnerWidth property value. Use the SettingsAdaptivity.Mode property to enable the adaptive mode. Note that in adaptive mode, the Popup Control doesn't support resizing, dragging or absolute positioning. Scrolling the host page is also disabled. This dialog is displayed with a modal overlay that covers the host page preventing an end-user from interacting with its content. The Popup Control supports an adaptive mode, in which the popup window is shown as a modal dialog that automatically rearranges its content to fit the browser window. To enable the modal mode, set the Modal property to true. In the modal mode, when the popup window is displayed, the Popup Control prohibits interactions with the parent page. Use the Callback event handler to handle the callback on the server side.įor demonstration purposes, the callback processing time is intentionally extended in this demo. Clicking this button initiates a callback that updates the popup's content using the PerformCallback method. In this demo, a template is used to place an Update Content button within the popup window's footer. Using a postponed load of the popup window content, you can enhance the response time of your web page on its initial load. OnFirstShow - The loading of the popup window content starts when a popup window is invoked for the first time.OnPageLoad - The loading of the popup window content starts immediately after the entire page has loaded.None - The content is always (initially) rendered inside popup windows (the default behavior).Several content loading modes are available from the following settings of the LoadContentViaCallback property. The Bootstrap Popup Control has the capability to load the content of popup windows on demand. Nunc nec turpis tempus, accumsan orci auctor, imperdiet mauris. Mauris sit amet metus vel nisi blandit tincidunt vel efficitur purus. AfterResizing - Occurs when window resizing completes.BeforeResizing - Occurs when window resizing initiates.Resize - Occurs after a window has been resized.Use the following client-side events to handle popup resizing: BootstrapPopupControl.PopupHorizontalAlign / BootstrapPopupControl.PopupVerticalAlign - Specifies the popup window alignment.BootstrapPopupControl.PopupElementCssSelector / BootstrapClientPopupControl.SetPopupElementCssSelector - Associates the Popup Control with another control or an HTML element via a CSS selector on the server/client.BootstrapPopupControl.PopupAction / BootstrapPopupControl.CloseAction - Specifies which action forces a popup window to appear or hide.BootstrapPopupControl.ShowOnPageLoad - Allows you to show or hide the popup window from the server-side code.BootstrapClientPopupControl.Show / ShowAtElement / ShowAtPos - Show the popup window on the client side.This means the container cannot have a responsive layout (its size is not based on the screen resolution). The Popup Control's advanced features such as resizing, dragging, and absolute positioning require the content container to have a fixed size. To add content to a popup window, use the ContentCollection.ContentControl property in markup or in code behind. By default, the Popup controls display a header with the Close button and the popup body with the specified content. The Popup Control is used to display overlaping temporary windows that appear separately from an application's main window, and are typically used to display quick reference information.
0 Comments
Leave a Reply. |