Questions on UI for ASP.NET AJAX Forum

2 answers

90 views

radComboBox with asp:checkbox in RadGrid column

Hi All,

I currently have a RadComboBox with an asp:Checkbox working as needed. (Code behind is responsible for adding checkboxes and their "labels". (See aspx Code below)

I now need to figure out how to implement this in a column in a RadGrid, and seem to be running into real challenges. ANY help on this would be much appreciated!

<telerik:RadComboBox

runat="server"

Width="235px"

ID="ddUsersSelector"

HighlightTemplatedItems="true"

ClientIDMode="Static"

EnableVirtualScrolling="True"

Skin="Default"

ToolTip="Select Users"

MaxHeight="200px">

<ItemTemplate>

<asp:CheckBox

runat="server"

dependency = "adduser"

ID="UserCheckBox"

OnClick="CheckBoxClick(this)"

Text=""

ClientIDMode="Static" />

</ItemTemplate>

<CollapseAnimation Type="OutQuint" Duration="200" />

</telerik:RadComboBox>

Grid

answered on 21 Nov 2012

1 answer

206 views

Scroll With DetailTables

I have a RadGrid with a detail table which i set UseStaticHeaders="True" AllowScroll="true" FrozenColumnsCount="6" is doesn't work
Code Behind:

<telerik:RadGrid ID="rgTracking" runat="server" AllowPaging="true" AllowSorting="True" ShowStatusBar="true"

PageSize="10" AllowMultiRowSelection="true" AutoGenerateColumns="false"

onpageindexchanged="rgTracking_PageIndexChanged" Skin="Vista" OnSortCommand="rgTracking_SortCommand"

OnDetailTableDataBind="rgTracking_DetailTableDataBind">

<MasterTableView AllowFilteringByColumn="false" AllowMultiColumnSorting="true" DataKeyNames="ID">

<NoRecordsTemplate>

<div id="GridNoRecords"><asp:Label ID="lblNoRecord" runat="server" Text="查無資料！" /></div>

</NoRecordsTemplate>

<Columns>

<telerik:GridClientSelectColumn UniqueName="ClientSelectColumn">

<ItemStyle Width="20px" />

</telerik:GridClientSelectColumn>

<telerik:GridBoundColumn DataField="ID" display="false"/>

<telerik:GridBoundColumn DataField="Item" HeaderText="項目"/>

<telerik:GridBoundColumn DataField="DeptType" HeaderText="部別" ItemStyle-CssClass="highlight"/>

<telerik:GridBoundColumn DataField="Manager" HeaderText="負責人" />

<telerik:GridBoundColumn DataField="ProductName" HeaderText="產品名稱"/>

<telerik:GridBoundColumn DataField="Industry" HeaderText="應用產業"/>

<telerik:GridBoundColumn DataField="ProductCategory" HeaderText="產品大分類" ItemStyle-CssClass="highlight"/>

<telerik:GridBoundColumn DataField="ProductSubCategory" HeaderText="產品細分類" ItemStyle-CssClass="highlight"/>

<telerik:GridBoundColumn DataField="Customer" HeaderText="目標客戶"/>

<telerik:GridBoundColumn DataField="TechAndNode" HeaderText="Tech, Node"/>

<telerik:GridBoundColumn DataField="CustomerUnit1" HeaderText="客戶對應單位一"/>

<telerik:GridBoundColumn DataField="CustomerUnit2" HeaderText="客戶對應單位二"/>

<telerik:GridBoundColumn DataField="Opponent" HeaderText="競爭廠商" ItemStyle-CssClass="highlight"/>

<telerik:GridBoundColumn DataField="MarketScale_QtyOrM" HeaderText="市場規模-Qty/M" DataType="System.Int32" DataFormatString="{0:##,#}"/>

<telerik:GridBoundColumn DataField="MarketScale_Unit" HeaderText="市場規模-數量單位"/>

<telerik:GridBoundColumn DataField="MarketScale_AmtOrM" HeaderText="市場規模-Amt(NTD)/M" DataType="System.Int32" DataFormatString="{0:##,#}"/>

<telerik:GridBoundColumn DataField="TargetDate" HeaderText="預計完成時間" DataType="System.DateTime" DataFormatString="{0:yyyy-MM-dd}"/>

<telerik:GridBoundColumn DataField="Forecast_ThisYear" HeaderText="今年開發成果預估(NTD)" DataType="System.Int32" DataFormatString="{0:##,#}"/>

<telerik:GridBoundColumn DataField="Forecast_NextYear" HeaderText="明年開發成果預估(NTD)" DataType="System.Int32" DataFormatString="{0:##,#}"/>

<telerik:GridBoundColumn DataField="Forecast_NextYear" HeaderText="確認開發階段" DataType="System.Int32"/>

<telerik:GridBoundColumn DataField="Forecast_NextYear" HeaderText="上次開發進度" ItemStyle-CssClass="highlight"/>

<telerik:GridBoundColumn DataField="Forecast_NextYear" HeaderText="最新開放進度" />

<telerik:GridBoundColumn DataField="OutstandingIssue_Dept" HeaderText="最新待決議題-自身部門" ItemStyle-CssClass="highlight"/>

<telerik:GridBoundColumn DataField="OutstandingIssue_Master" HeaderText="最新待決議題-高層" ItemStyle-CssClass="highlight"/>

<telerik:GridBoundColumn DataField="IsCompleted" HeaderText="是否結案" />

<telerik:GridBoundColumn DataField="CompletedDate" HeaderText="結案日期" DataType="System.DateTime" DataFormatString="{0:yyyy-MM-dd}" />

<telerik:GridBoundColumn DataField="CompletedDesc" HeaderText="完成狀態" />

<telerik:GridBoundColumn DataField="Remark" HeaderText="備註" />

</Columns>

<DetailTables>

<telerik:GridTableView DataKeyNames="ID,ProductID" Name="TrackingDetails" AllowFilteringByColumn="false">

<Columns>

<telerik:GridBoundColumn DataField="ID" HeaderText="ID" />

<telerik:GridBoundColumn DataField="ProductID" HeaderText="ProductID" />

<telerik:GridBoundColumn DataField="Year" HeaderText="年度"/>

<telerik:GridBoundColumn DataField="Week" HeaderText="周次" />

<telerik:GridBoundColumn DataField="ManagerConfirm" HeaderText="ManagerConfirm"/>

<telerik:GridBoundColumn DataField="SupervisorConfirm" HeaderText="SupervisorConfirm"/>

<telerik:GridBoundColumn DataField="DevelopmentPhase" HeaderText="DevelopmentPhase"/>

<telerik:GridBoundColumn DataField="OutstandingIssue_Dept" HeaderText="待決議題-自身部門"/>

<telerik:GridBoundColumn DataField="OutstandingIssue_Master" HeaderText="待決議題-高層"/>

</Columns>

</telerik:GridTableView>

</DetailTables>

</MasterTableView>

<ItemStyle Wrap="False" />

<HeaderStyle Wrap="False" />

<ClientSettings>

<Scrolling UseStaticHeaders="True" AllowScroll="true" FrozenColumnsCount="6" ScrollHeight="100%"/>

<Selecting AllowRowSelect="true"/>

<ClientEvents OnRowSelected="RowSelected" OnRowDeselected="RowSelected"/>

</ClientSettings>

<PagerStyle Mode="NumericPages" AlwaysVisible="true" />

</telerik:RadGrid>

Is this a bug, or might I be overlooking something?
Here is a picture you can reference
https://www.dropbox.com/sh/iun37z4shgv0ahc/mtP70FqlOn/RadGrid.jpg

Thanks & Regards,

Grid

answered on 21 Nov 2012

1 answer

142 views

RadCalendar load so slow

I have used RadCalendar to display specify dates. Appointment is a object with propertes : StartTime and EndTime
In codebehind, i used event DayRender to display dates between StartTime and EndTime each of appointment.
With only some appointment, RadCalendar still load so slow.
Sorry my bad english.
Here my code:
ascx.vb

Protected Sub RadCalendar1_DayRender(ByVal sender As Object, ByVal e As DayRenderEventArgs) Handles RadCalendar1.DayRender

Dim Specificdate As DateTime = e.Day.Date

Dim flag = False

Dim lst As List(Of AIAppointmentInfo) = ctlAIAppointment.GetByUserId(UserInfo.UserID)

For Each obj As AIAppointmentInfo In lst

If flag = False Then

If Specificdate >= obj.StartTime And Specificdate <= obj.EndTime Then

e.Cell.CssClass = "SpecificDay"

flag = True

ElseIf Specificdate.Day = obj.StartTime.Day And Specificdate.Month = obj.StartTime.Month And Specificdate.Year = obj.StartTime.Year Then

e.Cell.CssClass = "SpecificDay"

flag = True

End If

Next

End Sub

ascx

<telerik:RadCalendar runat="server" ID="RadCalendar1" Skin="Hay" AutoPostBack="False"

EnableMultiSelect="false" DayNameFormat="FirstTwoLetters" EnableNavigation="true"

EnableMonthYearFastNavigation="false" IsTodayHighlighted="true"

>

<SpecialDays>

<telerik:RadCalendarDay Repeatable="Today" Date="" ItemStyle-CssClass="rcToday" />

</SpecialDays>

</telerik:RadCalendar>

Calendar

answered on 21 Nov 2012

3 answers

97 views

I am not able to right click in RadEditor with IE 8 browser but its working fine with mozilla

Hi,
I am using RadEditor conrol in my application. In IE 8 browser when i try to right click in the RadEditor, nothing is happen. But its working fine with the mozilla firefox browser.
Kindly provide the solution to enable the right click in the IE browser for the RadEditor control.

Editor

answered on 21 Nov 2012

1 answer

60 views

Drag and Drop to DropDownList

Is it possible to drag and drop a row from a radgrid to a dropdownlist?

I have a website that allows the existence of multiple shopping carts. While viewing the contents of one cart on a radgrid, I want to be able to move a cart item to a different cart via drag and drop. The names of the other carts are shown in the dropdownlist.

Thanks.

Grid

answered on 21 Nov 2012

4 answers

146 views

RadDatapager Template - Set defaults

Hello, I use a the RadDataPager in multiple places throughout my project. I have many properties set in a specific fashion, and I find myself having to copy/paste the pager all over.

Is there a way to set up a skin or a default style or a control for the pager so that the options can be set in one place only?

Below is my code for the pager. I even end up duplicating it on each single page due to the fact that I show the pager on the top and on the bottom of the page.

Thanks!

<telerik:RadDataPager ID="RadDataPagerBottom" runat="server" IsTotalItemCountFixed="True" Skin="Windows7" Width="730px" CssClass="Custom">

<Fields>

<telerik:RadDataPagerButtonField FieldType="FirstPrev" />

<telerik:RadDataPagerButtonField FieldType="Numeric" />

<telerik:RadDataPagerButtonField FieldType="NextLast" />

<telerik:RadDataPagerTemplatePageField HorizontalPosition="RightFloat">

<PagerTemplate>

<div style="float: right;color:#666666;">

Displaying items <asp:Label runat="server" ID="CurrentPageLabel" Text="<%# Container.Owner.StartRowIndex + 1 %>" />

to

<asp:Label runat="server" ID="TotalPagesLabel"

Text="<%# (Container.Owner.TotalRowCount < Container.Owner.StartRowIndex + Container.Owner.PageSize)?Container.Owner.TotalRowCount:Container.Owner.StartRowIndex + Container.Owner.PageSize  %>" />

of

<asp:Label runat="server" ID="TotalItemsLabel" Text="<%# Container.Owner.TotalRowCount %>" />

</div>

</PagerTemplate>

</telerik:RadDataPagerTemplatePageField>

</Fields>

</telerik:RadDataPager>

DataPager

answered on 21 Nov 2012

5 answers

141 views

Rating doesn't fire when i change to page on radgrid

Hi,

I have a radgrid and it has 2 column. last coumn is template column which has radrating control. I can use and rate when i open first time to the grid. Then I change to page and on second page I can't rate my rate control. And I is not showing selecting animation.

I attached my source codes and screen shots. Please let me know how can I fix it. This project publised and this bug waiting for fix :(

ps: I check javascript errors on google chorme, Problem is not javascript. I saw no error in javascript.

Thanks..

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="InsertKeywordAndWeight.ascx.cs" Inherits="Sections_TaskManagement_InsertKeywordAndWeight" %>

<telerik:RadAjaxManager ID="RadAjaxManager2" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="btnAdd">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGridKeyword" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadGridKeyword">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGridKeyword" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel runat="server" ID="RadAjaxLoadingPanel1" Skin="Hay" />

<div style="width:500px; padding:5px;">

<div style="width:490px; margin-top:25px; padding:2px; float:left; display:block;">

<asp:Label ID="lblKeywordDesc" Text="Eklemek İstediğiniz Anahtar Kelimeyi Giriniz:" runat="server"></asp:Label>

</div>

<div style="width:490px; margin-bottom:5px; padding:2px; float:left; display:block;">

<asp:TextBox runat="server" ID="txtNewKeyWord" Width="90%" style="float:left;"></asp:TextBox><br />

<telerik:RadRating ID="RadRating1" runat="server" Value='4' Precision="Exact" style="float:left;" /><asp:ImageButton style="float:left; margin:5px; padding:0 5px 0 0;" runat="server" ID="btnAdd" OnClick="btnAdd_Click" ImageUrl="~/images/add2.png" />

</div>

<div style="width:490px; padding:2px; margin-top:5px; float:left; display:block;">

<telerik:RadGrid ID="RadGridKeyword" runat="server" OnNeedDataSource="RadGrid1_NeedDataSource" ViewStateMode="Enabled" PageSize="5" AllowPaging="true" AllowAutomaticDeletes="True"

AllowAutomaticInserts="True" AllowAutomaticUpdates="True" AllowSorting="true" AutoGenerateColumns="false" AllowFilteringByColumn="true" OnItemCommand="RadGridKeyword_ItemCommand">

<MasterTableView TableLayout="Auto">

<Columns>

<telerik:GridBoundColumn DataField="IntCode" UniqueName="IntCode" Visible="false" />

<telerik:GridBoundColumn HeaderText="Anahtar Kelime" DataField="Keyword" UniqueName="AddKeyword" AllowSorting="true"

SortExpression="AddKeyword" HeaderStyle-Width="40%" FilterControlWidth="100%" ItemStyle-Width="40%"

AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" ShowFilterIcon="false" />

<telerik:GridBoundColumn HeaderText="İçerik Adı" AllowFiltering="false" ShowFilterIcon="false" AutoPostBackOnFilter="true" AllowSorting="true" DataField="AddressOfKeyWordFieldName" UniqueName="AddressOfKeyWordFieldName"

SortExpression="AddressOfKeyWordFieldName" HeaderStyle-Width="10%" FilterControlWidth="10%" ItemStyle-Width="10%" />

<telerik:GridTemplateColumn HeaderText="Derece" ShowFilterIcon="false" AllowFiltering="false" HeaderStyle-Width="20%" FilterControlWidth="20%" ItemStyle-Width="20%">

<ItemTemplate>

<telerik:RadRating ID="RadRating1" runat="server" AutoPostBack="true" OnRate="RadRating1_Rate"

Value='<%# (Getron.Core.Tools.DataTableFieldOperation.ToDecimal(Eval("KeyWordWeight").ToString(),0)/20) %>' Precision="Exact" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="DeleteButton" HeaderText="Sil" ShowFilterIcon="false" Groupable="False" AllowFiltering="false" Resizable="False" HeaderStyle-Width="5%" FilterControlWidth="5%" ItemStyle-Width="5%">

<ItemTemplate>

<asp:HiddenField runat="server" ID="hdnIntCode" Value='<%# Eval("Intcode").ToString() %>' />

<asp:ImageButton style="float:left; margin:5px; padding:2px 5px 6px 0;" runat="server" ID="btnDeleteKeyword" CommandName="Delete" CommandArgument='<%# Eval("IntCode").ToString() %>' ImageUrl="~/images/delete2.png" />

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

</div>

public partial class Sections_TaskManagement_InsertKeywordAndWeight : EntityProtectedUserControl

{

protected void Page_Load(object sender, EventArgs e)

{

}

protected void RadGrid1_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)

{

KeywordRelation kRel = new KeywordRelation();

QueryEntity qEntity = new QueryEntity();

qEntity.Query = string.Format("ReferancedTable = {0} AND ReferancedKey = {1}", "30002", Request.QueryString["ActiveRecordIntCode"].ToString());

KeywordDT = kRel.GetTableActive(qEntity);

RadGridKeyword.DataSource = KeywordDT;

}

protected void btnAdd_Click(object sender, EventArgs e)

{

Keyword keyword = new Keyword();

KeywordRelation rel = new KeywordRelation();

keyword.DbSession.BeginTransaction();

rel.DbSession.BeginTransaction();

try

{

long keyWordIntCode = 0;

QueryEntity qentity = new QueryEntity();

qentity.Query = string.Format("Keyword = '{0}'", txtNewKeyWord.Text);

DataTable dtKeyword = keyword.GetTableActive(new List<string>() { "IntCode", "Keyword" }, qentity);

if (dtKeyword.Rows.Count > 0)

keyWordIntCode = Getron.Core.Tools.DataTableFieldOperation.ToInt64(dtKeyword.Rows[0]["Intcode"].ToString(), 0);

else

{

keyword.Keywords = txtNewKeyWord.Text;

keyword.WithMakerChecker = false;

keyword.Save(this.Page.SystemUser.UserIntCode);

keyWordIntCode = keyword.ProcessingRowIntCode;

}

rel.KeyWordIntCode = keyWordIntCode;

rel.KeyWordWeight = Getron.Core.Tools.DataTableFieldOperation.ToInt32(((RadRating1.Value * 10) * 2), 60);

rel.AddressOfKeyWordNumCode = 46;

rel.ReferancedFieldNumCode = 1;

rel.ReferancedKey = Getron.Core.Tools.DataTableFieldOperation.ToInt64(Request.QueryString["ActiveRecordIntCode"].ToString(), 0);

rel.WithMakerChecker = false;

rel.Save(this.Page.SystemUser.UserIntCode);

keyword.DbSession.Commit();

rel.DbSession.Commit();

RadAjaxManager2.Alert("Anahtar Başarıyla Eklendi.");

}

catch (Exception ex)

{

try

{

keyword.DbSession.Rollback();

rel.DbSession.Rollback();

}

catch

{

}

RadAjaxManager2.Alert("Anahtar Eklenirken Hata Oluştu.");

}

protected void RadGridKeyword_ItemCommand(object sender, GridCommandEventArgs e)

{

try

{

if (e.Item.ItemType == GridItemType.Item || e.Item.ItemType == GridItemType.AlternatingItem)

{

if (e.CommandName == "Delete")

{

ImageButton img = (ImageButton)e.Item.FindControl("btnDeleteKeyword");

if (img != null)

{

HiddenField hdnIntCode = (HiddenField)e.Item.FindControl("hdnIntCode");

if (hdnIntCode != null)

{

KeywordRelation kr = new KeywordRelation(Getron.Core.Tools.DataTableFieldOperation.ToInt64(hdnIntCode.Value, 0));

kr.WithMakerChecker = false;

kr.Delete(this.Page.SystemUser.UserIntCode);

RadGridKeyword.Rebind();

RadAjaxManager2.Alert("Silindi.");

}

else

{

RadRating rate = (RadRating)e.Item.FindControl("RadRating1"

);

}

catch (Exception ex)

{

RadAjaxManager2.Alert("Silinirken Hata Alındı.");

}

protected void RadRating1_Rate(object sender, EventArgs e)

{

RadRating oRating = (RadRating)sender;

GridDataItem dataItem = (GridDataItem)oRating.Parent.Parent;

try

{

object currentAverageRating = KeywordDT.Rows[dataItem.ItemIndex + RadGridKeyword.CurrentPageIndex * RadGridKeyword.PageSize]["IntCode"];

decimal currentRating = Convert.ToDecimal(currentAverageRating, NumberFormatInfo.InvariantInfo);

KeywordRelation kr = new KeywordRelation(Getron.Core.Tools.DataTableFieldOperation.ToInt64(currentAverageRating, 0));

kr.KeyWordWeight = Getron.Core.Tools.DataTableFieldOperation.ToInt32(Decimal.Round((oRating.Value * 10) * 2, 0), kr.KeyWordWeight);

kr.WithMakerChecker = false;

kr.Save(this.Page.SystemUser.UserIntCode);

RadGridKeyword.Rebind();

}

catch (Exception ex)

{

RadGridKeyword.Controls.Add(new LiteralControl("Unable to update Ratings. Reason: " + ex.Message));

}

[SessionStatePropertyAttribute]

public DataTable KeywordDT { get; set; }

}

Rating

answered on 21 Nov 2012

0 answers

169 views

Radmultipage height problem

I have a page where I'm adding radtab,multipage and radpageview at runtime.The page also has a static radpageview.The static page contenturl page height loads perfectly since there is a script that makes it work.But the problem is the tab that added by script a scroll appears.I have attached the code and screenshot of the page.Actually i was trying to implement an UI similar to this link
Sample Link
Please help.Thanks i advance.
Check Image

Code:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!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">

html, body, form

{

background: #fff;

height: 100%;

margin: 0;

padding: 0;

width: 100%;

position: absolute;

}

</style>

<link href="Styles/Default.css" rel="stylesheet" type="text/css" />

</head>

<body>

<form id="form1" runat="server">

<asp:ScriptManager ID="ScriptManager1" runat="server">

</asp:ScriptManager>

<script type="text/javascript">

var tabStrip1;

function OnClientLoad() {

tabStrip1 = $find('<%= RadTabStrip1.ClientID %>');

for (var i = 0; i < tabStrip1.get_tabs().get_count(); i++) {

AttachCloseImage(tabStrip1.get_tabs().getItem(i), "Images/Icons/close.png");

}

function addtab(url, text) {

var tab = new Telerik.Web.UI.RadTab();

tab.set_text(text + tabStrip1.get_tabs().get_count());

tabStrip1.get_tabs().add(tab);

tab.select();

AttachCloseImage(tab, "Images/Icons/close.png");

var multiPage = $find("<%=RadMultiPage1.ClientID %>");

multiPage.trackChanges();

var pageView = new Telerik.Web.UI.RadPageView();

multiPage.get_pageViews().add(pageView);

pageView.set_contentUrl(url);

multiPage.commitChanges();

}

function CreateCloseImage(closeImageUrl) {

var closeImage = document.createElement("img");

closeImage.src = closeImageUrl;

closeImage.alt = "Close this tab";

return closeImage;

}

function AttachCloseImage(tab, closeImageUrl) {

var closeImage = CreateCloseImage(closeImageUrl);

closeImage.AssociatedTab = tab;

closeImage.onclick = function (e) {

if (!e) e = event;

if (!e.target) e = e.srcElement;

deleteTab(tab);

e.cancelBubble = true;

if (e.stopPropagation) {

e.stopPropagation();

}

return false;

}

tab.get_innerWrapElement().appendChild(closeImage);

}

function deleteTab(tab) {

var tabStrip = $find("<%= RadTabStrip1.ClientID %>");

var tabToSelect = tab.get_nextTab();

if (!tabToSelect)

tabToSelect = tab.get_previousTab();

tabStrip.get_tabs().remove(tab);

if (tabToSelect)

tabToSelect.set_selected(true);

}

</script>

<div class="page">

<div class="header01">

<div class="head_top">

<div class="homeicon">

<asp:HyperLink ID="HyperLink1" runat="server" Target="_parent" NavigateUrl="~/Default.aspx">

<asp:Image ID="Homeicon" runat="server" BorderWidth="0px" ImageUrl="~/Images/home.png"/>

</asp:HyperLink>

</div>

<div class="side01">

<label class="text02">XERP</label>

</div>

<div class="side02">

</div>

<div class="bottom">

<telerik:RadSplitter ID="RadSplitter1" Width="99.9%" Height="100%" runat="server"

ResizeMode="EndPane">

<telerik:RadPane ID="RadPane1" runat="server" Width="230px" CssClass="menu" Scrolling="Y">

<div style="height:4%; margin:3px 1px 0px 3px;">

<telerik:RadTextBox EmptyMessage="Search Menu...." ID="searchbox" runat="server" Width="175px">

</telerik:RadTextBox>

<telerik:RadButton ID="searchbtn" runat="server" Skin="" CssClass="SearchButton" >

<Icon PrimaryIconWidth="26px" PrimaryIconHeight="26px" PrimaryIconUrl="Images/Icons/search.png" />

</telerik:RadButton>

</div>

<telerik:RadPanelBar ID="RadPanelBarMenu" runat="server" ExpandMode="FullExpandedItem"

CssClass="radpanelbar" Width="233px" height="95.5%">

<Items>

<telerik:RadPanelItem runat="server" Expanded="true" Height="30px" Text="Business Settings" ImageUrl="~/Images/Icons/business_settings.png">

<Items>

<telerik:RadPanelItem runat="server" onclick="addtab('UserHome.aspx','Bank')" Text="Company Setup" >

</telerik:RadPanelItem>

<telerik:RadPanelItem runat="server" onclick="addtab('FormVertical.aspx','Bank')" Text="Bank">

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelBar>

</telerik:RadPane>

<telerik:RadSplitBar ID="RadSplitBar1" runat="server" CollapseMode="Forward" />

<telerik:RadPane runat="server" ID="MainPane" BackColor="#f1f5fb" Height="100%" >

<telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1"

SelectedIndex="0" onclientload="OnClientLoad" >

<Tabs>

<telerik:RadTab Text="Dashboard">

</telerik:RadTab>

<telerik:RadTab Text="Vertical Form">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" >

<telerik:RadPageView ID="RadPageView1" runat="server" Height="100%" ContentUrl="FormVertical.aspx">

</telerik:RadPageView>

<telerik:RadPageView ID="RadPageView2" runat="server" Height="100%" ContentUrl="UserHome.aspx">

</telerik:RadPageView>

</telerik:RadMultiPage>

<script type="text/javascript">

function pageLoad() {

var $ = $telerik.$;

var height = $(window).height();

var multiPage = $find("<%=RadMultiPage1.ClientID %>");

var totalHeight = height - 76;

multiPage.get_element().style.height = totalHeight + "px";

}

</script>

</telerik:RadPane>

</telerik:RadSplitter>

</div>

</form>

</body>

</html>

TabStrip

asked on 21 Nov 2012

1 answer

102 views

RadInput

Hi Telerik-Support,

I use a RadFormDecorator:

<telerik:RadFormDecorator

ID="RFDLogin"

runat="server"

Skin="Default"

DecoratedControls="All"

EnableRoundedCorners="false" />

After an Ajax postback all RadInputContorls get an extra css class called .rfdDecorated. I think this is a bug, because I don't see a reason why your own controls are styled by the RadFormDecorator. Workaround is to place a ControlToSkip="Textbox".

Kind regards,
Christian

FormDecorator

answered on 21 Nov 2012

2 answers

114 views

Performance issue while loading page in IE8

Hi,

I have a page which has 8 RadTextBox controls and 11 RadComboBox controls. One combobox has 1800 items, one combobox has 950 items, one combo box has 200 items and one has 300 items. The other comboboxes have around 10-15 items. I cannot use load on demand since all these comboboxes have checkbox enabled.

The page loads fine in Mozilla, Chrome, IE9.
But the page takes up-to 2 minutes or sometimes says 'not responding' when opened in IE8. All the users have IE8 as their browser. Could you please help me resolving this issue.

Thanks.

General Discussions

answered on 21 Nov 2012