YouTip LogoYouTip

Prop Webcontrol Panel Wrap

## ASP.NET Panel Wrap Property The `Wrap` property is a member of the `System.Web.UI.WebControls.Panel` class. It is used to get or set a value that indicates whether the content inside a `Panel` control should automatically wrap to the next line when it reaches the edge of the panel. --- ## Definition and Usage By default, text and inline elements inside an ASP.NET `Panel` control will wrap automatically when they exceed the specified width of the panel. By setting the `Wrap` property, you can control this behavior: * **`True` (Default):** Content wraps automatically to the next line when it reaches the boundary of the panel. * **`False` (Disabled):** Content does not wrap. It will continue on a single horizontal line, which may cause it to overflow the panel's boundaries unless horizontal scrollbars are enabled (via the `ScrollBars` property). --- ## Syntax ```xml ``` ### Property Values | Value | Description | | :--- | :--- | | `True` | **Default.** Content wraps automatically within the panel. | | `False` | Content does not wrap. It remains on a single line and may overflow the panel container. | --- ## Code Examples ### Example 1: Disabling Text Wrapping The following example demonstrates how to set the `Wrap` property to `False` on an ASP.NET `Panel` control. This prevents the text from wrapping to a new line, even if it exceeds the panel's defined width of `250px`. ```xml <%@ Page Language="C#" %> ASP.NET Panel Wrap Example

Panel with Wrap="False"

This is a long line of text that will not wrap to the next line because the Wrap property is set to False. It will overflow the panel's visual boundaries.
``` ### Example 2: Programmatic Control (C#) You can also get or set the `Wrap` property dynamically in your code-behind file: ```csharp protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { // Disable wrapping programmatically Panel1.Wrap = false; } } ``` --- ## Considerations and Best Practices 1. **Overflow Behavior:** When `Wrap` is set to `False`, long strings of text will overflow the panel container. To manage this visually, you can pair the `Wrap` property with the `ScrollBars` property of the `Panel` control: ```xml ``` 2. **CSS Equivalence:** Under the hood, setting `Wrap="False"` renders the CSS style `white-space: nowrap;` on the resulting `
` element in HTML. 3. **Browser Compatibility:** The `Wrap` property is highly compatible and works consistently across all modern web browsers.
← Prop Webcontrol RadiobuttonlisProp Webcontrol Panel Scrollba β†’