or

| <%@ Control Language="vb" AutoEventWireup="false" CodeBehind="radTabs.ascx.vb" Inherits="AjaxLoadingStatusPanel.radTabs" %> |
| <telerik:RadTabStrip ID="RadTabStrip1" runat="server" Align="Justify" |
| AutoPostBack="false" Orientation="HorizontalTop" Skin="Forest"> |
| <Tabs> |
| <telerik:RadTab Text="ASCX_Page1" runat="server"> |
| </telerik:RadTab> |
| <telerik:RadTab Text="ASCX_Page2" runat="server"> |
| </telerik:RadTab> |
| <telerik:RadTab Text="ASCX_Page3" runat="server"> |
| </telerik:RadTab> |
| <telerik:RadTab Text="ASCX_Page4" runat="server"> |
| </telerik:RadTab> |
| <telerik:RadTab Text="ASCX_Page5" runat="server"> |
| </telerik:RadTab> |
| </Tabs> |
| </telerik:RadTabStrip> |
| <%@ Page Language="vb" AutoEventWireup="false" CodeBehind="tabdemo.aspx.vb" Inherits="AjaxLoadingStatusPanel.tabdemo" %> |
| <%@ Register TagPrefix="rad" TagName="radTabs" Src="~/radTabs.ascx" %> |
| <!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 runat="server"> |
| <title></title> |
| </head> |
| <body> |
| <form id="form1" runat="server"> |
| <telerik:RadScriptManager ID="radAjaxScriptManager1" runat="server"> |
| </telerik:RadScriptManager> |
| <asp:Label ID="label0" runat="server">Do a refresh and watch the tabstrips that are in the tables. You should see the text shift to the right</asp:Label> |
| <br /><br /> |
| <asp:Label ID="label1" runat="server">This ASCX is in a table</asp:Label> |
| <table width="100%"> |
| <tr> |
| <td> |
| <rad:radTabs ID="radTabs1" runat="server" /> |
| </td> |
| </tr> |
| </table> |
| <br /> |
| <asp:Label ID="label2" runat="server">This ASCX is in a div tag</asp:Label> |
| <div> |
| <rad:radTabs ID="radTabs2" runat="server" /> |
| </div> |
| <br /> |
| <asp:Label ID="label3" runat="server">This HTML is in a table</asp:Label> |
| <table width="100%"> |
| <tr> |
| <td> |
| <telerik:RadTabStrip ID="RadTabStrip1" runat="server" Align="Justify" |
| AutoPostBack="false" Orientation="HorizontalTop" Skin="Forest"> |
| <Tabs> |
| <telerik:RadTab Text="HTML_Page1" runat="server"> |
| </telerik:RadTab> |
| <telerik:RadTab Text="HTML_Page2" runat="server"> |
| </telerik:RadTab> |
| <telerik:RadTab Text="HTML_Page3" runat="server"> |
| </telerik:RadTab> |
| <telerik:RadTab Text="HTML_Page4" runat="server"> |
| </telerik:RadTab> |
| <telerik:RadTab Text="HTML_Page5" runat="server"> |
| </telerik:RadTab> |
| </Tabs> |
| </telerik:RadTabStrip> |
| </td> |
| </tr> |
| </table> |
| <br /> |
| <asp:Label ID="label4" runat="server">This HTML is in a div tag</asp:Label> |
| <div> |
| <telerik:RadTabStrip ID="RadTabStrip2" runat="server" Align="Justify" |
| AutoPostBack="false" Orientation="HorizontalTop" Skin="Forest"> |
| <Tabs> |
| <telerik:RadTab Text="HTML_Page1" runat="server"> |
| </telerik:RadTab> |
| <telerik:RadTab Text="HTML_Page2" runat="server"> |
| </telerik:RadTab> |
| <telerik:RadTab Text="HTML_Page3" runat="server"> |
| </telerik:RadTab> |
| <telerik:RadTab Text="HTML_Page4" runat="server"> |
| </telerik:RadTab> |
| <telerik:RadTab Text="HTML_Page5" runat="server"> |
| </telerik:RadTab> |
| </Tabs> |
| </telerik:RadTabStrip> |
| </div> |
| </form> |
| </body> |
| </html> |
| <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Default" %> |
| <%@ Register Assembly="System.Web.Entity, Version=3.5.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089" |
| Namespace="System.Web.UI.WebControls" TagPrefix="asp" %> |
| <!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 runat="server"> |
| <title></title> |
| <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" /> |
| </head> |
| <body> |
| <form id="form1" runat="server"> |
| <telerik:RadScriptManager ID="RadScriptManager1" runat="server"> |
| <Scripts> |
| <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" /> |
| <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" /> |
| </Scripts> |
| </telerik:RadScriptManager> |
| <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> |
| <AjaxSettings> |
| <telerik:AjaxSetting AjaxControlID="rgPerson"> |
| <UpdatedControls> |
| <telerik:AjaxUpdatedControl ControlID="rgPerson" /> |
| <telerik:AjaxUpdatedControl ControlID="rgCars" /> |
| </UpdatedControls> |
| </telerik:AjaxSetting> |
| </AjaxSettings> |
| </telerik:RadAjaxManager> |
| <div> |
| <telerik:RadGrid ID="rgPerson" runat="server" AllowFilteringByColumn="True" AllowPaging="True" |
| AllowSorting="True" DataSourceID="EntityDataSourcePerson" GridLines="None" AllowAutomaticDeletes="True" |
| AllowAutomaticInserts="True" AllowAutomaticUpdates="True" AutoGenerateDeleteColumn="True" |
| AutoGenerateEditColumn="True" ShowGroupPanel="True"> |
| <ClientSettings AllowKeyboardNavigation="true" EnablePostBackOnRowClick="true"> |
| <Selecting AllowRowSelect="true" /> |
| </ClientSettings> |
| <MasterTableView AutoGenerateColumns="False" DataKeyNames="id" DataSourceID="EntityDataSourcePerson" |
| CommandItemDisplay="Top" EditMode="PopUp"> |
| <RowIndicatorColumn> |
| <HeaderStyle Width="20px"></HeaderStyle> |
| </RowIndicatorColumn> |
| <ExpandCollapseColumn> |
| <HeaderStyle Width="20px"></HeaderStyle> |
| </ExpandCollapseColumn> |
| <Columns> |
| <telerik:GridBoundColumn DataField="id" DataType="System.Int32" HeaderText="id" ReadOnly="True" |
| SortExpression="id" UniqueName="id"> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="Name" HeaderText="Name" SortExpression="Name" |
| UniqueName="Name"> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="City" HeaderText="City" SortExpression="City" |
| UniqueName="City"> |
| </telerik:GridBoundColumn> |
| <telerik:GridDateTimeColumn DataField="Birthday" HeaderText="Birthday" SortExpression="Birthday" |
| UniqueName="Birthday"> |
| </telerik:GridDateTimeColumn> |
| </Columns> |
| </MasterTableView> |
| </telerik:RadGrid> |
| <br /> |
| <telerik:RadGrid ID="rgCar" runat="server" AllowFilteringByColumn="True" AllowPaging="True" |
| AllowAutomaticDeletes="true" AllowAutomaticInserts="true" AllowAutomaticUpdates="true" |
| AllowSorting="True" AutoGenerateDeleteColumn="True" AutoGenerateEditColumn="True" |
| DataSourceID="EntityDataSourceCar" GridLines="None"> |
| <MasterTableView AutoGenerateColumns="False" DataKeyNames="id" DataSourceID="EntityDataSourceCar" |
| CommandItemDisplay="Top"> |
| <RowIndicatorColumn> |
| <HeaderStyle Width="20px"></HeaderStyle> |
| </RowIndicatorColumn> |
| <ExpandCollapseColumn> |
| <HeaderStyle Width="20px"></HeaderStyle> |
| </ExpandCollapseColumn> |
| <Columns> |
| <telerik:GridBoundColumn DataField="id" DataType="System.Int32" HeaderText="id" ReadOnly="True" |
| SortExpression="id" UniqueName="id"> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="Brand" HeaderText="Brand" SortExpression="Brand" |
| UniqueName="Brand"> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="PlateNumber" HeaderText="PlateNumber" SortExpression="PlateNumber" |
| UniqueName="PlateNumber"> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="Color" HeaderText="Color" SortExpression="Color" |
| UniqueName="Color"> |
| </telerik:GridBoundColumn> |
| </Columns> |
| </MasterTableView> |
| <ClientSettings> |
| <Selecting AllowRowSelect="True" /> |
| </ClientSettings> |
| </telerik:RadGrid> |
| <asp:EntityDataSource ID="EntityDataSourcePerson" runat="server" ConnectionString="name=TestEntities" |
| DefaultContainerName="TestEntities" EnableDelete="True" EnableInsert="True" EnableUpdate="True" |
| EntitySetName="Person"> |
| </asp:EntityDataSource> |
| <asp:EntityDataSource ID="EntityDataSourceCar" runat="server" ConnectionString="name=TestEntities" |
| DefaultContainerName="TestEntities" EnableDelete="True" EnableInsert="True" EnableUpdate="True" AutoGenerateWhereClause="true" |
| EntitySetName="Car"> |
| <WhereParameters> |
| <asp:ControlParameter ControlID="rgPerson" DefaultValue="1" Name="Person.id" PropertyName="SelectedValue" |
| Type="Int32" /> |
| </WhereParameters> |
| </asp:EntityDataSource> |
| </div> |
| </form> |
| </body> |
| </html> |
| <telerik:AjaxSetting AjaxControlID="RadTabStrip1"> |
| <UpdatedControls> |
| <telerik:AjaxUpdatedControl ControlID="RadTabStrip1" /> |
| <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" LoadingPanelID="LoadingPanUnderRadWin" /> |
| </UpdatedControls> |
| </telerik:AjaxSetting> |
| <telerik:AjaxSetting AjaxControlID="RadMultiPage1"> |
| <UpdatedControls> |
| <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" LoadingPanelID="LoadingPanUnderRadWin" /> |
| </UpdatedControls> |
| </telerik:AjaxSetting> |
| <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Default" %> |
| <!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 runat="server"> |
| <title></title> |
| <telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" /> |
| </head> |
| <body> |
| <form id="form1" runat="server"> |
| <telerik:RadScriptManager ID="RadScriptManager1" runat="server"> |
| <Scripts> |
| <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" /> |
| <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" /> |
| </Scripts> |
| </telerik:RadScriptManager> |
| <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> |
| </telerik:RadAjaxManager> |
| <div> |
| <p>Both columns are specified as 100 px, the scroll bars are turn on so why are my columns wider than 100 px?</p> |
| <p>Why is there a little empty white box looking like a nudist at a grand ball sitting at the top of the vertical scroll bar.</p> |
| <telerik:RadGrid ID="Grid" runat="server" |
| Width="100%" Height="200px" |
| AllowFilteringByColumn="false" |
| ShowStatusBar="true" AllowSorting="true" |
| AutoGenerateColumns="false" |
| AllowPaging="True" AllowCustomPaging="True" |
| OnNeedDataSource="GridNeedDataSource" > |
| <PagerStyle Mode="NextPrevAndNumeric"/> |
| <ClientSettings AllowDragToGroup="false" > |
| <Scrolling AllowScroll="true" |
| EnableVirtualScrollPaging="false" |
| SaveScrollPosition="false" |
| UseStaticHeaders="true"/> |
| <Resizing AllowColumnResize="true" |
| AllowRowResize="false" |
| EnableRealTimeResize="false" |
| ResizeGridOnColumnResize="false" |
| ClipCellContentOnResize="true"/> |
| <Selecting AllowRowSelect="true" /> |
| </ClientSettings> |
| <MasterTableView AllowCustomSorting="true" TableLayout="Fixed"> |
| <Columns> |
| <telerik:GridBoundColumn HeaderText="Col1" DataField="field1"> |
| <HeaderStyle Width="100" /> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn HeaderText="Col2" DataField="field2"> |
| <HeaderStyle Width="100" /> |
| </telerik:GridBoundColumn> |
| </Columns> |
| </MasterTableView> |
| </telerik:RadGrid> |
| </div> |
| <div> |
| <p>If you open this in a browser window that is less than 900px, rather than a scroll bar I get a smaller columns why?</p> |
| <p>If I fix the grid width to 600 px, I get the scroll bars.</p> |
| <telerik:RadGrid ID="Grid2" runat="server" |
| Width="100%" Height="200px" |
| AllowFilteringByColumn="false" |
| ShowStatusBar="true" AllowSorting="true" |
| AutoGenerateColumns="false" |
| AllowPaging="True" AllowCustomPaging="True" |
| OnNeedDataSource="GridNeedDataSource" > |
| <PagerStyle Mode="NextPrevAndNumeric"/> |
| <ClientSettings AllowDragToGroup="false" > |
| <Scrolling AllowScroll="true" |
| EnableVirtualScrollPaging="false" |
| SaveScrollPosition="false" |
| UseStaticHeaders="true"/> |
| <Resizing AllowColumnResize="true" |
| AllowRowResize="false" |
| EnableRealTimeResize="false" |
| ResizeGridOnColumnResize="false" |
| ClipCellContentOnResize="true"/> |
| <Selecting AllowRowSelect="true" /> |
| </ClientSettings> |
| <MasterTableView AllowCustomSorting="true" TableLayout="Fixed"> |
| <Columns> |
| <telerik:GridBoundColumn HeaderText="Col1" DataField="field1"> |
| <HeaderStyle Width="150" /> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn HeaderText="Col2" DataField="field2"> |
| <HeaderStyle Width="150" /> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn HeaderText="Col3" DataField="field2"> |
| <HeaderStyle Width="150" /> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn HeaderText="Col4" DataField="field2"> |
| <HeaderStyle Width="150" /> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn HeaderText="Col3" DataField="field2"> |
| <HeaderStyle Width="150" /> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn HeaderText="Col4" DataField="field2"> |
| <HeaderStyle Width="150" /> |
| </telerik:GridBoundColumn> |
| </Columns> |
| </MasterTableView> |
| </telerik:RadGrid> |
| </div> |
| </form> |
| </body> |
| </html> |
| using System; |
| using Telerik.Web.UI; |
| public partial class Default : System.Web.UI.Page |
| { |
| public class Foo |
| { |
| public Foo() |
| { |
| Field1 = Guid.NewGuid().ToString(); |
| Field2 = Guid.NewGuid().ToString(); |
| } |
| public string Field1 { get; set; } |
| public string Field2 { get; set; } |
| } |
| private Foo[] FooArray = new[] |
| { |
| new Foo(), |
| new Foo(), |
| new Foo(), |
| new Foo(), |
| new Foo(), |
| new Foo(), |
| new Foo(), |
| new Foo(), |
| new Foo(), |
| new Foo(), |
| new Foo(), |
| }; |
| protected void Page_Load(object sender, EventArgs e) |
| { |
| } |
| protected void GridNeedDataSource(object source, GridNeedDataSourceEventArgs e) |
| { |
| Grid.DataSource = FooArray; |
| Grid2.DataSource = FooArray; |
| } |
| } |


hi,
When i programitically add custom tools to editor, i 's like in the atachment appears, how can i stop this.
