Telerik Forums
UI for ASP.NET AJAX Forum
or
Ask question
All Questions
Unanswered
Answered
110,806 questions
1 answer
149 views
ASCX with tabstrip rendering issue
I have a single aspx page that has a tabstrip and a ascx control with a tabstrip contained in it. This page is used in my custom skin to see how the controls look. When I use the following DOCTYPE the screen renders different for the ASCX tabstrip control:

<!DOCTYPE HTML PUBLIC "-W3C//DTD HTML 4.0 Transitional//EN">: the controls render fine. the ASCX control spans the entire page which is the behavior I want. Notice that the first tab text is not truncated. See attached file TabFull.png

<!DOCTYPE html PUBLIC "-W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">: the control renders different. The ASCX control only covers part of the screen and the first tab text is truncated. See attached file TabShort.png

Does anyone have any idea of why this is happening?

ASCX code:
<%@ Control Language="vb" AutoEventWireup="false" CodeBehind="TabControl.ascx.vb"
    Inherits="CustomSkin_Hew.TabControl" %>
<telerik:RadTabStrip ID="RadAjaxTabStrip1" runat="server" AutoPostBack="false" Align="Left"
    Orientation="HorizontalTop" ShowBaseLine="true" Width="100%">
    <Tabs>
        <telerik:RadTab Text="Page1 Long Title" runat="server" Width="20%">
        </telerik:RadTab>
        <telerik:RadTab Text="Page2" runat="server" Width="20%">
        </telerik:RadTab>
        <telerik:RadTab Text="Page3" runat="server" Width="20%">
        </telerik:RadTab>
        <telerik:RadTab Text="Page4" runat="server" Width="20%">
        </telerik:RadTab>
        <telerik:RadTab Text="Page5" runat="server" Width="19%">
        </telerik:RadTab>
    </Tabs>
</telerik:RadTabStrip>

ASPX code:
<tr>
    <td>
        <asp:Label ID="Label2" runat="server" Text="RadTabStrip"></asp:Label>
    </td>
</tr>
<tr>
    <td>
        <telerik:RadTabStrip ID="RadTabStrip1" runat="server" SelectedIndex="3" Align="left"
            Orientation="HorizontalTop" ShowBaseLine="true" TabIndex="-1">
            <Tabs>
                <telerik:RadTab runat="server" Text="Root RadTab1">
                    <Tabs>
                        <telerik:RadTab runat="server" Text="Child RadTab 1">
                        </telerik:RadTab>
                    </Tabs>
                </telerik:RadTab>
                <telerik:RadTab runat="server" Text="Root RadTab2">
                    <Tabs>
                        <telerik:RadTab runat="server" Text="Child RadTab 2">
                        </telerik:RadTab>
                    </Tabs>
                </telerik:RadTab>
                <telerik:RadTab runat="server" Text="Root RadTab3">
                </telerik:RadTab>
                <telerik:RadTab runat="server" Text="Root RadTab4" Selected="True">
                </telerik:RadTab>
            </Tabs>
        </telerik:RadTabStrip>
    </td>
</tr>
<tr>
    <td>
          
    </td>
</tr>
<tr>
    <td>
        <rad:TabControl runat="server" ID="objTab"></rad:TabControl>
    </td>
</tr>


TabStrip
Ivan Zhekov
Telerik team
 answered on 18 Apr 2013
1 answer
221 views
loading issue on selectedindexchanged
We are having some issues with a drop down list when it is populated with a large amount of items (1800).

We have the drop down list containing vendors sitting on a master page and a couple of telerik RadHtmlCharts on a child page that show the sales for the selected vendor. On first load there is a default selected vendor and the graphs display that vendor's sales. The user can then change the vendor in the drop down list and the graphs will change to show that vendor's sales. Pretty basic stuff.

When the page is first loaded it renders quickly and without issue, but if the user changes the selected vendor the page takes a good 15 seconds to load. It loads partially, but then takes extra time to load the charts. The browser locks up while it's doing it. In some cases it will crash the browser.

We have tried replacing the drop down list with a rad combo box and the issue remains. If we change the rad drop down list to the standard ASP.NET drop down list the issue goes away.
 
The issue only seem to occur in Chrome. In Firefox the page loads quickly.

Attached is the Timeline from Chrome dev tools. I'm wondering if this is an issue with Layout and Recalculate Style? This happens a lot when the user changes the selected vendor, but you don't see it happening when the page first loads.

The data for the drop down list is loaded during Page_Load like so:

if (!IsPostBack)
 {
 
rddlVendors.Visible = false;
 
            DataTable dtVendors = dbMain.get_VendorList_by_AccountID_ForMenu((int)Session["AccountID"]);
 
            if (dtVendors.Rows.Count > 0)
            {
 
                if (dtVendors.Rows.Count > 1)
                {
                   rddlVendors.Visible = true;
 
                    
                    rddlVendors.DataSource = dtVendors;
                    rddlVendors.DataTextField = "name";
                    rddlVendors.DataValueField = "ID";
 
                    rddlVendors.DataBind();
 
                    rddlVendors.SelectedValue = Session["VendorID"].ToString();
                }
            }
 
}

Let me know if you require any more information.
Thanks


DropDownList
Nencho
Telerik team
 answered on 18 Apr 2013
1 answer
87 views
Google Chrome Toolbar Render Issue
The toolbar and buttons in the RadEditor are rendering blurry and improperly aligned in Google Chrome.  It looks OK in Firefox.  I am using version 2013.1.403.40.  I have attached screenshots of both.
Editor
Rumen
Telerik team
 answered on 18 Apr 2013
3 answers
162 views
[Solved] Cancel button not canceling


<%@ Control Language="C#" AutoEventWireup="true" CodeFile="ucViewEditSearchEntry.ascx.cs" 
    Inherits="uc_View_Edit_Search_Entry" %> 
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
<div> 
 
    <br /> 
    <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label> 
    &nbsp;  
    <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label> 
    <telerik:RadGrid ID="rgViewEditSearchEntry" runat="server" AllowFilteringByColumn="True" 
        AllowSorting="True" GroupingSettings-CaseSensitive="false" PageSize="20" GridLines="None" 
        AutoGenerateColumns="False" DataSourceID="SqlRxLog" OnPageIndexChanged="rgViewEditSearchEntry_PageIndexChanged" 
        AllowPaging="True" ShowStatusBar="True" AllowAutomaticDeletes="True" OnItemDeleted="rgViewEditSearchEntry_ItemDeleted" 
        OnItemCancel="rgViewEditSearchEntry_ItemCancel" 
        > 
        <HeaderContextMenu EnableTheming="True">  
            <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> 
        </HeaderContextMenu> 
        <PagerStyle Mode="NextPrevAndNumeric" /> 
        <MasterTableView DataKeyNames="Id" DataSourceID="SqlRxLog" ShowFooter="False" CommandItemSettings-AddNewRecordText="Add New Contact" 
            CommandItemDisplay="TopAndBottom">  
            <CommandItemSettings AddNewRecordText="Add New Blocked Account"></CommandItemSettings> 
            <RowIndicatorColumn> 
                <HeaderStyle Width="20px"></HeaderStyle> 
            </RowIndicatorColumn> 
            <ExpandCollapseColumn> 
                <HeaderStyle Width="20px"></HeaderStyle> 
            </ExpandCollapseColumn> 
            <Columns> 
                <telerik:GridTemplateColumn UniqueName="EditColumn" ItemStyle-Width="16px" AllowFiltering="false">  
                    <HeaderStyle Width="10px" /> 
                    <ItemTemplate> 
                        <asp:ImageButton ID="imgbtnEdit" ToolTip="Edit Contact" runat="server" CommandName="Edit" 
                            ImageUrl="~/images/magnifying.jpg" Width="15px" /> 
                    </ItemTemplate> 
                    <ItemStyle Width="10px"></ItemStyle> 
                </telerik:GridTemplateColumn> 
                <telerik:GridTemplateColumn UniqueName="DeleteColumn" ItemStyle-Width="16px" AllowFiltering="false">  
                    <HeaderStyle Width="10px" /> 
                    <ItemTemplate> 
                        <asp:ImageButton ID="imgbtnDelete" ToolTip="Delete Contact" runat="server" CommandName="Delete" 
                            ImageUrl="~/images/recycle.jpg" Width="15px" OnClientClick="javascript:if(!confirm('This action will delete the selected contact. Are you sure?')){return false;}" /> 
                    </ItemTemplate> 
                    <ItemStyle Width="10px"></ItemStyle> 
                </telerik:GridTemplateColumn> 
                <telerik:GridBoundColumn DataField="Id" DataType="System.Int32" HeaderText="Id" ReadOnly="True" 
                    SortExpression="Id" UniqueName="Id" FilterControlWidth="20px">  
                </telerik:GridBoundColumn> 
                <telerik:GridBoundColumn DataField="DNIS" HeaderText="DNIS" SortExpression="DNIS" 
                    UniqueName="DNIS" FilterControlWidth="30px">  
                </telerik:GridBoundColumn> 
                <telerik:GridBoundColumn DataField="Prefix" HeaderText="Prefix" SortExpression="Prefix" 
                    UniqueName="Prefix" FilterControlWidth="30px">  
                </telerik:GridBoundColumn> 
                <telerik:GridBoundColumn DataField="Panel_Code" HeaderText="Panel_Code" SortExpression="Panel_Code" 
                    UniqueName="Panel_Code" FilterControlWidth="30px">  
                </telerik:GridBoundColumn> 
                <telerik:GridBoundColumn DataField="Premise_Phone" HeaderText="Premise_Phone" SortExpression="Premise_Phone" 
                    UniqueName="Premise_Phone">  
                </telerik:GridBoundColumn> 
                <telerik:GridBoundColumn DataField="Toll_Free_Number" HeaderText="Toll_Free_Number" 
                    SortExpression="Toll_Free_Number" UniqueName="Toll_Free_Number">  
                </telerik:GridBoundColumn> 
                <telerik:GridBoundColumn DataField="Date_Blocked" DataType="System.DateTime" HeaderText="Date_Blocked" 
                    SortExpression="Date_Blocked" UniqueName="Date_Blocked">  
                </telerik:GridBoundColumn> 
                <telerik:GridBoundColumn DataField="CS_Number" HeaderText="CS_Number" SortExpression="CS_Number" 
                    UniqueName="CS_Number">  
                </telerik:GridBoundColumn> 
                <telerik:GridBoundColumn DataField="Comments" HeaderText="Comments" SortExpression="Comments" 
                    UniqueName="Comments">  
                </telerik:GridBoundColumn> 
            </Columns> 
            <EditFormSettings EditFormType="Template">  
                <EditColumn UniqueName="EditCommandColumn1">  
                </EditColumn> 
                <FormTemplate> 
                    <asp:Table ID="tbSingleEntry" runat="server">  
                        <asp:TableRow> 
                            <asp:TableCell ColumnSpan="2" HorizontalAlign="center">  
                                <asp:Label ID="lblHeaderTitle" runat="server" Text="Single Entry Block Account"></asp:Label> 
                            </asp:TableCell> 
                        </asp:TableRow> 
                        <asp:TableRow> 
                            <asp:TableCell> 
                                <asp:Label ID="lblDNIS" runat="server" Text="DNIS:"></asp:Label> 
                            </asp:TableCell> 
                            <asp:TableCell> 
                                <asp:TextBox ID="txtDNIS" runat="server"></asp:TextBox> 
                            </asp:TableCell> 
                        </asp:TableRow> 
                        <asp:TableRow> 
                            <asp:TableCell> 
                                <asp:Label ID="lblPrefix" runat="server" Text="Prefix:"></asp:Label> 
                            </asp:TableCell> 
                            <asp:TableCell> 
                                <asp:TextBox ID="txtPrefix" runat="server"></asp:TextBox> 
                            </asp:TableCell> 
                        </asp:TableRow> 
                        <asp:TableRow> 
                            <asp:TableCell> 
                                <asp:Label ID="lblPanelCode" runat="server" Text="Panel Code:"></asp:Label> 
                            </asp:TableCell> 
                            <asp:TableCell> 
                                <asp:TextBox ID="txtPanelCode" runat="server"></asp:TextBox> 
                            </asp:TableCell> 
                        </asp:TableRow> 
                        <asp:TableRow> 
                            <asp:TableCell> 
                                <asp:Label ID="lblPremisePhone" runat="server" Text="Premise Phone:"></asp:Label> 
                            </asp:TableCell> 
                            <asp:TableCell> 
                                <asp:TextBox ID="txtPremisePhone" runat="server"></asp:TextBox> 
                            </asp:TableCell> 
                        </asp:TableRow> 
                        <asp:TableRow> 
                            <asp:TableCell> 
                                <asp:Label ID="lblTollFreeNumber" runat="server" Text="Toll Free Number:"></asp:Label> 
                            </asp:TableCell> 
                            <asp:TableCell> 
                                <asp:TextBox ID="txtTollFreeNum" runat="server"></asp:TextBox> 
                            </asp:TableCell> 
                        </asp:TableRow> 
                        <asp:TableRow> 
                            <asp:TableCell> 
                                <asp:Label ID="lblDateBlocked" runat="server" Text="Date Blocked:"></asp:Label> 
                            </asp:TableCell> 
                            <asp:TableCell> 
                                <asp:TextBox ID="txtDateBlocked" runat="server"></asp:TextBox> 
                            </asp:TableCell> 
                        </asp:TableRow> 
                        <asp:TableRow> 
                            <asp:TableCell> 
                                <asp:Label ID="lblCSNumber" runat="server" Text="CS Number:"></asp:Label> 
                            </asp:TableCell> 
                            <asp:TableCell> 
                                <asp:TextBox ID="txtCSNumber" runat="server"></asp:TextBox> 
                            </asp:TableCell> 
                        </asp:TableRow> 
                        <asp:TableRow> 
                            <asp:TableCell> 
                                <asp:Label ID="lblComments" runat="server" Text="Comments:"></asp:Label> 
                            </asp:TableCell> 
                            <asp:TableCell> 
                                <asp:TextBox ID="txtComments" runat="server"></asp:TextBox> 
                            </asp:TableCell> 
                        </asp:TableRow> 
                        <asp:TableRow> 
                            <asp:TableCell>          
                            </asp:TableCell> 
                            <asp:TableCell> 
                            </asp:TableCell> 
                        </asp:TableRow> 
                    </asp:Table> 
                    <asp:Button ID="btnUpdate" Text='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Update" %>' 
                        runat="server" CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>'>  
                    </asp:Button>&nbsp;<asp:Button ID="btnCancel" runat="server" Text="Cancel"   
                        CommandName="Cancel"/>  
                    </td> 
                    <br /> 
                </FormTemplate> 
            </EditFormSettings> 
        </MasterTableView> 
 
<GroupingSettings CaseSensitive="False"></GroupingSettings> 
 
        <FilterMenu EnableTheming="True">  
            <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> 
        </FilterMenu> 
    </telerik:RadGrid> 
    <asp:SqlDataSource ID="SqlRxLog" runat="server" ConnectionString="<%$ ConnectionStrings:RxLogConnectionString %>" 
        SelectCommand="SELECT * FROM [BlokedAcc]"></asp:SqlDataSource> 
</div> 
 

Simple button within radgrid masterformview that is supposed to just close the template when hit the cancel button but doesn't?



Grid
Prashant
Top achievements
Rank 1
 answered on 18 Apr 2013
13 answers
399 views
Center a single menu item
Hi..
All the  the text and images of my items on my menu are left aligned - How can I  center the text of a single item?  Thanks


RadMenuItem

 

NewItem = new RadMenuItem();

 

 

this.RadMenu.Items.Add(NewItem);

 

NewItem.ForeColor = System.Drawing.

Color.Blue;

 

NewItem.Text = ((

Admin.OfficeCodeDataTable)Session["Office_Table"])[0].SenatorElect;

 

NewItem.ToolTip = NewItem.Text;

NewItem.Width = 375;

Menu
Kate
Telerik team
 answered on 18 Apr 2013
1 answer
120 views
Enable background for editing
I have a RADEditor inside an AJAX modal popup. Whenever the popup appears, the background turns grey and is disabled. I need the background to be enabled so it can be edited even when the modal popup is there.
Ajax
Rumen
Telerik team
 answered on 18 Apr 2013
1 answer
40 views
Custom dialogs
Hi, i have seen http://demos.telerik.com/aspnet-ajax/editor/examples/customdialogs/defaultvb.aspx and i have tried to add new custom dialogs on my application.

But i want to open a new diaolg with some parameters,  in my old telerik i wrote:

 
var args = editor.GetDialogParameters(commandName)
args.text = showSelectedTextContent()
args.html = showSelectedHTMLContent()

but now with last telerik update i have no idea how to do
Editor
Rumen
Telerik team
 answered on 18 Apr 2013
6 answers
292 views
RadPanelBar Scrolling to Selected Item
I have an ascx control that is inside of another aspx page.  This ascx control has a RadPanelBar with two items, the first of which is a RadTreeView.  Currently we have more than 50 nodes in our RadTreeView with child node under each one.  If we select a node near the bottom of the tree view, the page refreshes during the post back and the selected item is out of view.  Is there code available to keep the selected node in a RadTreeView visible when it is inside of a RadPanelBar?

I have included some of the code from our ascx file showing the RadPanelBar and RadTreeView.


<telerik:RadPanelBar ID="NavigationPanel" runat="server" Width="100%">
    <Items>
        <telerik:RadPanelItem Expanded="true" ImageUrl="../Images/process24.gif">
            <Items>
                <telerik:RadPanelItem>
                    <ItemTemplate>
                        <telerik:RadTreeView ID="ProcessTree" runat="server" ShowLineImages="false" OnNodeExpand="ProcessTree_NodeExpand"
                            OnClientContextMenuItemClicking="ProcessContextItemClicking" OnNodeEdit="ProcessTree_NodeEdit"
                            OnClientNodeClicking="ProcessNodeClicking" OnContextMenuItemClick="ProcessTreeContextMenuItemClick"
                            OnClientContextMenuShowing="ProcessContextMenuShowing" OnClientNodeEditStart="OnClientNodeEditStartHandler"
                            OnPreRender="RadTreeView_PreRender" >
PanelBar
Kate
Telerik team
 answered on 18 Apr 2013
1 answer
83 views
Finding Control inside RadGrid FormTemplate

Let' say I have this grid,

<telerik:RadGrid
    ...........................
    ...........................
    <FormTemplate>
            <asp:TextBox ID="txtDescription" runat="server" />
    </FormTemplate>
    ...........................
    ...........................
    ...........................

Now In code behind I need txtDescription inside DataSource1_Updating event,

    protected void DataSource1_Updating(object sender, SqlDataSourceCommandEventArgs e){

Is this is possible?

General Discussions
ABC
Top achievements
Rank 1
 answered on 18 Apr 2013
4 answers
185 views
Row select count showing 0 on first row click

I have a grid, which allows multi select.  This current set of results returns only one row.  I click on that row.  When using "MasterTable.get_selectedItems().length" in a function, its value is 0.  I click the row a second time and it is 1.  Why isn't it 1 the firs time, like it should be?  I need this to work correctly.

Grid
Stacy
Top achievements
Rank 1
 answered on 18 Apr 2013
Narrow your results
Done
Selected tags
Tags
Grid
General Discussions
Editor
Scheduler
ComboBox
Ajax
Window
TreeView
Menu
Calendar
Chart (Obsolete)
TabStrip
Input
Dock
ToolTip
Upload (Obsolete)
AsyncUpload
WebParts for SharePoint
PanelBar
FileExplorer
Splitter
ListBox
Chart (HTML5)
Rotator
ListView
Button
ToolBar
TreeList
Sharepoint Integration
FormDecorator
Filter
Slider
ScriptManager and StyleSheetManager
UI for ASP.NET AJAX in ASP.NET MVC
AutoCompleteBox
PivotGrid
Installer and VS Extensions
Spell
Documentation and Tutorials
ImageEditor
Captcha
RibbonBar
DropDownList
OrgChart
Visual Style Builder
DropDownTree
Gantt
ColorPicker
Notification
BinaryImage
SkinManager
TileList
Wizard
SearchBox
Spreadsheet
Map
ImageGallery
Rating
DatePicker
MediaPlayer
XmlHttpPanel
Diagram
Compression
DataPager
SiteMap
CloudUpload
LightBox
Gauge
AjaxLoadingPanel
PageLayout
Navigation
SocialShare
DataForm
Persistence Framework
ClientExportManager
ProgressArea
AjaxPanel
CheckBox
TagCloud
NumericTextBox
Barcode
ClientDataSource
PdfViewer
DateTimePicker
MultiColumnComboBox
MultiSelect
RadioButtonList
MaskedTextBox
Theme Builder
Styling
ProgressBar
DateInput
Chat
Licensing
ODataDataSource
MonthYearPicker
TimePicker
Accessibility
LinkButton
ToggleButton
Label
Localization
Security
DateRangePicker
TreeMap
ImageButton
InputManager
Timeline
Card
Drawer
PushButton
Ticker
Signature
Avatar
Switch
OTPInput
Breadcrumb
SplitButton
DragDropManager
Stepper
FloatingActionButton
Chip
ChipList
AIPrompt
Badge
SpeechToText
SmartPasteButton
SegmentedControl
+? more
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Learn how
2948 2949
2950
2951 2952
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Learn how
Want to show your ninja superpower to fellow developers?
Learn how