Hi Randy,
There are several solutions
1.
- Define css rule
<style type="text/css">
.no-wrap-panel .x-table-layout td
{
white-space:nowrap;
}
</style>
- Add Cls="no-wrap-panel" to the panel which contains TableLayout
Example:
<%@ Page Language="C#" %>
<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<style type="text/css">
.no-wrap-panel .x-table-layout td
{
white-space:nowrap;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<ext:ScriptManager ID="ScriptManager1" runat="server" />
<ext:Panel ID="pnlTableLayout" runat="server" Cls="no-wrap-panel" Title="Table Layout" Height="300" Width="200" BodyStyle="padding:15px;">
<Body>
<ext:TableLayout ID="TableLayout1" runat="server" Columns="4">
<ext:Cell>
<ext:Panel ID="Panel2" runat="server" Title="Basic Table Cell" BodyStyle="padding:15px;">
<Body>
<p>Basic panel in a table cell sd fhh dsjf jdh fjdshfjds fjdsh fjdsh fsdjfhj sdfjdshfjsdhfjhsdjfhjsdfjsdh dfds fds.</p>
</Body>
</ext:Panel>
</ext:Cell>
</ext:TableLayout>
</Body>
</ext:Panel>
</form>
</body>
</html>
2. Define the same rule (only selector .no-wrap-panel) and add to panel inside Cell
<%@ Page Language="C#" %>
<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<style type="text/css">
.no-wrap-panel
{
white-space:nowrap;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<ext:ScriptManager ID="ScriptManager1" runat="server" />
<ext:Panel ID="pnlTableLayout" runat="server" Title="Table Layout" Height="300" Width="200" BodyStyle="padding:15px;">
<Body>
<ext:TableLayout ID="TableLayout1" runat="server" Columns="4">
<ext:Cell>
<ext:Panel ID="Panel2" runat="server" Title="Basic Table Cell" BodyStyle="padding:15px;" Cls="no-wrap-panel">
<Body>
<p>Basic panel in a table cell sd fhh dsjf jdh fjdshfjds fjdsh fjdsh fsdjfhj sdfjdshfjsdhfjhsdjfhjsdfjsdh dfds fds.</p>
</Body>
</ext:Panel>
</ext:Cell>
</ext:TableLayout>
</Body>
</ext:Panel>
</form>
</body>
</html>
3. Add Cls="no-wrap-label" to the Label
<%@ Page Language="C#" %>
<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<style type="text/css">
.no-wrap-label
{
white-space:nowrap;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<ext:ScriptManager ID="ScriptManager1" runat="server" />
<ext:Panel ID="pnlTableLayout" runat="server" Title="Table Layout" Height="300" Width="200" BodyStyle="padding:15px;">
<Body>
<ext:TableLayout ID="TableLayout1" runat="server" Columns="4">
<ext:Cell>
<ext:Panel ID="Panel2" runat="server" Title="Basic Table Cell" BodyStyle="padding:15px;">
<Body>
<ext:Label runat="server"
Cls="no-wrap-label"
Html="<p>Basic panel in a table cell sd fhh dsjf jdh fjdshfjds fjdsh fjdsh fsdjfhj sdfjdshfjsdhfjhsdjfhjsdfjsdh dfds fds.</p>"></ext:Label>
</Body>
</ext:Panel>
</ext:Cell>
</ext:TableLayout>
</Body>
</ext:Panel>
</form>
</body>
</html>