Questions on UI for ASP.NET AJAX Forum

110,765 questions

1 answer

103 views

Button

Hi,

I am using the 'Telerik' skin on buttons only. The issue i am having is in Firefox (3.6.6) the button text is vertically aligned to the bottom of the button. I have downloaded the latest version of Telerik & have also added a .net button to a blank web form (so no css etc ..) but still no joy! The button text is fine in all browsers, any ideas ?

I have tested the Form Decorator examples page (http://demos.telerik.com/aspnet-ajax/formdecorator/examples/default/defaultcs.aspx) & the 'Submit Form' button on this page renders fine.

Cheers

Luke

FormDecorator

answered on 04 Feb 2011

1 answer

92 views

Error When I'm using radalert();

Hello ,

I got an error when i trying to show radalert ,by the way it works on another page .

Here is Page Code :

<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true"

CodeBehind="~/Property/AddProperty.aspx.cs" Inherits="GWERP.Aqar.AddProperty"

EnableSessionState="True" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder2" runat="server">

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

<script type="text/javascript">

//<![CDATA[

function DeleteImageVedio(args, message, event, title) {

if (args) {

var conVal = radconfirm(message, event, 330, 100, null, title);

if (conVal) {

args.parentNode.parentNode.parentNode.firstChild.firstChild.firstChild.className = "deleteted";

return false

}

else {

return false;

}

function validationFailed(sender, eventArgs) {

$(".ErrorHolder").append("???? ????? ??? ?????? '" + '*' + eventArgs.get_fileName().substring(eventArgs.get_fileName().lastIndexOf('.')) + "'.</p>").fadeIn("slow");

}

//]]>

</script>

<tel:RadScriptManager ID="RadScriptManager2" runat="server">

</tel:RadScriptManager>

<tel:RadWindowManager ID="RadWindowManager1" runat="server" Skin="Web20">

<AlertTemplate>

<div class="rwDialogPopup radalert" style="background-position:right;" dir="rtl" align="right">

<div class="rwDialogText">

{1}

</div>

<div align="center">

<a onclick="$find('{0}').close();" class="rwPopupButton" href="javascript:void(0);">

<span class="rwOuterSpan"><span class="rwInnerSpan">##LOC[OK]##</span> </span>

</a>

</div>

</AlertTemplate>

<PromptTemplate>

<div class="rwDialogPopup radprompt">

<div class="rwDialogText">

{1}

</div>

<div>

<script type="text/javascript">

function RadWindowprompt_detectenter(id, ev, input) {

if (!ev) ev = window.event;

if (ev.keyCode == 13) {

var but = input.parentNode.parentNode.getElementsByTagName("A")[0];

if (but) {

if (but.click) but.click();

else if (but.onclick) {

but.focus(); var click = but.onclick; but.onclick = null; if (click) click.call(but);

}

return false;

}

else return true;

}

</script>

<input onkeydown="return RadWindowprompt_detectenter('{0}', event, this);" type="text"

class="rwDialogInput" value="{2}" />

</div>

<div>

<a onclick="$find('{0}').close(this.parentNode.parentNode.getElementsByTagName('input')[0].value);"

class="rwPopupButton" href="javascript:void(0);"><span class="rwOuterSpan"><span

class="rwInnerSpan">##LOC[OK]##</span></span></a> <a onclick="$find('{0}').close(null);"

class="rwPopupButton" href="javascript:void(0);"><span class="rwOuterSpan"><span

class="rwInnerSpan">##LOC[Cancel]##</span></span></a>

</div>

</PromptTemplate>

<ConfirmTemplate>

<div class="rwDialogPopup radconfirm" style="background-position:right;" dir="rtl" align="right">

<div class="rwDialogText">

{1}

</div>

<div>

<a onclick="$find('{0}').close(false);" class="rwPopupButton" href="javascript:void(0);">

<span class="rwOuterSpan"><span class="rwInnerSpan">##LOC[Cancel]##</span></span></a>

<a onclick="$find('{0}').close(true);" class="rwPopupButton" href="javascript:void(0);">

<span class="rwOuterSpan"><span class="rwInnerSpan">##LOC[OK]##</span></span></a>

</div>

</ConfirmTemplate>

</tel:RadWindowManager>

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

<tel:RadAjaxLoadingPanel ID="ralpMain" runat="server" Skin="Web20">

</tel:RadAjaxLoadingPanel>

<asp:Panel ID="rapMain" runat="server" Height="100%" Width="100%">

<table style="width: 100%">

<tr>

<td colspan="3" align="center">

<asp:Label ID="Label30" runat="server" Text="????? ????" CssClass="formlable1" Font-Size="Large"></asp:Label>

</td>

</tr>

<tr>

<td>

</td>

<td>

</td>

<td>

</td>

</tr>

<tr>

<td>

<gw:CustomLabel ID="lblPropertyStateName0" CssClass="formlable" runat="server" MyEnabled=""

MyVisible="">?????</gw:CustomLabel>

</td>

<td>

<tel:RadComboBox ID="ddlCountry" AllowCustomText="false" MarkFirstMatch="true" DataSourceID="ods_GetLookupDetails"

DataValueField="LockupDetail_ID" DataTextField="LockupDetail_Name" AutoPostBack="true"

AppendDataBoundItems="true" runat="server" Skin="Web20" OnSelectedIndexChanged="ddlCountry1_SelectedIndexChanged"

HighlightTemplatedItems="true">

<Items>

<tel:RadComboBoxItem Text="------?????? ????????-----" Value="0" />

</Items>

</tel:RadComboBox>

<asp:ObjectDataSource ID="ods_GetLookupDetails" runat="server" SelectMethod="GetLockupDetails"

TypeName="GWERP.DataAccess.Lockups.General_LockupDetail1">

<SelectParameters>

<asp:Parameter DefaultValue="123" Name="LockupMaster_ID" Type="Int32" />

<asp:Parameter DefaultValue="ar" Name="Lang" Type="String" />

</SelectParameters>

</asp:ObjectDataSource>

</td>

<td>

</td>

</tr>

<tr>

<td>

<gw:CustomLabel ID="lblPropertyStateName2" CssClass="formlable" runat="server" MyEnabled=""

MyVisible="">???????</gw:CustomLabel>

</td>

<td>

<tel:RadComboBox ID="ddlRegion" runat="server" AllowCustomText="false" AppendDataBoundItems="true"

A DataSourceID="odsGetRegions" DataTextField="LookupDetalDeepName" DataValueField="LookupDetailsDeep_ID"

AutoPostBack="True" HighlightTemplatedItems="true" MarkFirstMatch="true" Skin="Web20"

OnSelectedIndexChanged="ddlRegion_SelectedIndexChanged">

<Items>

<tel:RadComboBoxItem Text="------?????? ????????-----" Value="0" />

</Items>

</tel:RadComboBox>

<asp:ObjectDataSource ID="odsGetRegions" runat="server" SelectMethod="GetLockupDetails"

TypeName="GWERP.DataAccess.Lockups.GeneralLookupDeep">

<SelectParameters>

<asp:ControlParameter ControlID="ddlCountry" Name="LockupMaster_ID" PropertyName="SelectedValue"

Type="Int32" />

<asp:Parameter DefaultValue="ar" Name="Lang" Type="String" />

</SelectParameters>

</asp:ObjectDataSource>

</td>

<td>

</td>

</tr>

<tr>

<td>

<gw:CustomLabel ID="lblPropertyStateName1" CssClass="formlable" runat="server">???????</gw:CustomLabel>

</td>

<td>

<tel:RadComboBox ID="ddlCity" runat="server" A="" AllowCustomText="false" AppendDataBoundItems="true"

AutoPostBack="True" DataSourceID="odsCites" DataTextField="LookupDetalDeepName"

DataValueField="LookupDetailsDeep_ID" HighlightTemplatedItems="true" MarkFirstMatch="true"

Skin="Web20" OnSelectedIndexChanged="ddlCity_SelectedIndexChanged">

<Items>

<tel:RadComboBoxItem Text="------?????? ????????-----" Value="0" />

</Items>

</tel:RadComboBox>

<asp:ObjectDataSource ID="odsCites" runat="server" SelectMethod="GetLockupDetails"

TypeName="GWERP.DataAccess.Lockups.GeneralLookupDeep">

<SelectParameters>

<asp:ControlParameter ControlID="ddlRegion" Name="LockupMaster_ID" PropertyName="SelectedValue"

Type="Int32" />

<asp:Parameter DefaultValue="ar" Name="Lang" Type="String" />

</SelectParameters>

</asp:ObjectDataSource>

</td>

<td>

</td>

</tr>

<tr>

<td>

<gw:CustomLabel ID="CustomLabel1" runat="server" CssClass="formlable">????</gw:CustomLabel>

</td>

<td>

<tel:RadComboBox ID="ddlQuarter" runat="server" A="" AllowCustomText="false" AppendDataBoundItems="true"

AutoPostBack="True" DataSourceID="odsQuarter" DataTextField="LookupDetalDeepName"

DataValueField="LookupDetailsDeep_ID" HighlightTemplatedItems="true" MarkFirstMatch="true"

Skin="Web20">

<Items>

<tel:RadComboBoxItem Text="------?????? ????????-----" Value="0" />

</Items>

</tel:RadComboBox>

<asp:ObjectDataSource ID="odsQuarter" runat="server" SelectMethod="GetLockupDetails"

TypeName="GWERP.DataAccess.Lockups.GeneralLookupDeep">

<SelectParameters>

<asp:ControlParameter ControlID="ddlCity" Name="LockupMaster_ID" PropertyName="SelectedValue"

Type="Int32" />

<asp:Parameter DefaultValue="ar" Name="Lang" Type="String" />

</SelectParameters>

</asp:ObjectDataSource>

</td>

<td>

</td>

</tr>

<tr>

<td>

<gw:CustomLabel ID="CustomLabel2" runat="server" MyEnabled="" MyVisible="" CssClass="formlable">??? ??????</gw:CustomLabel>

</td>

<td>

<tel:RadTextBox ID="txtPeiceNumber" runat="server" Skin="Web20" Columns="24">

</tel:RadTextBox>

</td>

<td>

</td>

</tr>

<tr>

<td>

<gw:CustomLabel ID="CustomLabel11" CssClass="formlable" runat="server" MyEnabled=""

MyVisible="">??? ??????</gw:CustomLabel>

</td>

<td>

<tel:RadTextBox ID="txtPropertySchemaNumber" runat="server" Columns="24" Skin="Web20">

</tel:RadTextBox>

</td>

<td>

</td>

</tr>

<tr>

<td>

<gw:CustomLabel ID="lblPropertyStateName" runat="server" CssClass="formlable" MyEnabled=""

MyVisible="">??? ??????</gw:CustomLabel>

</td>

<td>

<tel:RadTextBox ID="txtPropertyStateName" runat="server" Columns="24" Skin="Web20">

</tel:RadTextBox>

</td>

<td>

</td>

</tr>

<tr>

<td>

<gw:CustomLabel ID="lblPropertyStateName3" CssClass="formlable" runat="server" MyEnabled=""

MyVisible="">??? ??????</gw:CustomLabel>

</td>

<td>

<tel:RadComboBox ID="ddlPropertyType" runat="server" A="" AllowCustomText="false"

AppendDataBoundItems="true" AutoPostBack="True" DataSourceID="odsPropertyType"

DataTextField="LockupDetail_Name" DataValueField="LockupDetail_ID" HighlightTemplatedItems="true"

MarkFirstMatch="true" Skin="Web20">

<Items>

<tel:RadComboBoxItem Text="------?????? ????????-----" Value="0" />

</Items>

</tel:RadComboBox>

<asp:ObjectDataSource ID="odsPropertyType" runat="server" SelectMethod="GetLockupDetails"

TypeName="GWERP.DataAccess.Lockups.General_LockupDetail1">

<SelectParameters>

<asp:Parameter DefaultValue="126" Name="LockupMaster_ID" Type="Int32" />

<asp:Parameter DefaultValue="ar" Name="Lang" Type="String" />

</SelectParameters>

</asp:ObjectDataSource>

</td>

<td>

</td>

</tr>

<tr>

<td valign="top">

<gw:CustomLabel ID="lblAddress" runat="server" MyEnabled="" MyVisible="" CssClass="formlable">???????</gw:CustomLabel>

</td>

<td>

<tel:RadTextBox ID="txtAddress" runat="server" Skin="Web20" Columns="24" Height="100"

TextMode="MultiLine">

</tel:RadTextBox>

</td>

<td>

</td>

</tr>

<tr>

<td>

<gw:CustomLabel ID="CustomLabel4" runat="server" MyEnabled="" MyVisible="" CssClass="formlable">??????</gw:CustomLabel>

</td>

<td>

<tel:RadComboBox ID="ddlPropertyState" runat="server" A="" AllowCustomText="false"

AppendDataBoundItems="true" AutoPostBack="True" DataTextField="LockupDetail_Name"

DataValueField="LockupDetail_ID" DataSourceID="odsPropertyState" HighlightTemplatedItems="true"

MarkFirstMatch="true" Skin="Web20">

<Items>

<tel:RadComboBoxItem Text="------?????? ????????-----" Value="0" />

</Items>

</tel:RadComboBox>

<asp:ObjectDataSource ID="odsPropertyState" runat="server" SelectMethod="GetLockupDetails"

TypeName="GWERP.DataAccess.Lockups.General_LockupDetail1">

<SelectParameters>

<asp:Parameter DefaultValue="127" Name="LockupMaster_ID" Type="Int32" />

<asp:Parameter DefaultValue="ar" Name="Lang" Type="String" />

</SelectParameters>

</asp:ObjectDataSource>

</td>

<td>

</td>

</tr>

<tr>

<td valign="top">

<gw:CustomLabel ID="CustomLabel5" runat="server" MyEnabled="" MyVisible="" CssClass="formlable">?????</gw:CustomLabel>

</td>

<td>

<tel:RadTextBox ID="txtPropertyDescription" runat="server" Columns="24" Height="100"

Skin="Web20" TextMode="MultiLine">

</tel:RadTextBox>

</td>

<td>

</td>

</tr>

<tr>

<td>

<gw:CustomLabel ID="CustomLabel7" runat="server" MyEnabled="" MyVisible="" CssClass="formlable">???????</gw:CustomLabel>

</td>

<td>

<tel:RadTextBox ID="txtPropertySpace" runat="server" Skin="Web20" Columns="24">

</tel:RadTextBox>

</td>

<td>

</td>

</tr>

<tr>

<td style="height: 30px">

<gw:CustomLabel ID="CustomLabel6" runat="server" CssClass="formlable" MyEnabled=""

MyVisible="">?????</gw:CustomLabel>

</td>

<td style="height: 30px">

<table style="width: 100%;">

<tr>

<td>

<tel:RadTextBox ID="txtPropertyPrice" runat="server" Columns="24" Skin="Web20">

</tel:RadTextBox>

</td>

<td>

<gw:CustomLabel ID="CustomLabel12" runat="server" CssClass="formlable" MyEnabled=""

MyVisible="">?? :</gw:CustomLabel>

</td>

<td colspan="2">

<fieldset>

<legend>

<asp:RadioButtonList ID="rbGregHijri" runat="server" CssClass="formlable" RepeatDirection="Horizontal"

AutoPostBack="True" OnSelectedIndexChanged="rbGregHijri_SelectedIndexChanged">

<asp:ListItem Value="en-US" Selected="True">??????</asp:ListItem>

<asp:ListItem Value="ar-SA">????</asp:ListItem>

</asp:RadioButtonList>

</legend>

<table>

<tr>

<td>

<tel:RadDateTimePicker ID="rdtpPriceFrom" Skin="Web20" runat="server"

AutoPostBackControl="Calendar"

onselecteddatechanged="rdtpPriceFrom_SelectedDateChanged">

<TimeView CellSpacing="-1">

</TimeView>

<TimePopupButton HoverImageUrl="" ImageUrl="" />

<Calendar Skin="Web20" UseColumnHeadersAsSelectors="False" CultureInfo="en-US" UseRowHeadersAsSelectors="False"

ViewSelectorText="x">

</Calendar>

<DateInput Enabled="false" DateFormat="d/M/yyyy HH:mm:ss"

SelectedDate="10/27/2010 11:02:41" AutoPostBack="True">

</DateInput>

<DatePopupButton HoverImageUrl="" ImageUrl="" />

<ShowAnimation Type="Slide" />

</tel:RadDateTimePicker>

</td>

<td>

<gw:CustomLabel ID="CustomLabel13" runat="server" CssClass="formlable" MyEnabled=""

MyVisible="">???</gw:CustomLabel>

</td>

<td>

<tel:RadDateTimePicker ID="rdtpPriceTo" Skin="Web20" runat="server"

AutoPostBackControl="Calendar"

onselecteddatechanged="rdtpPriceTo_SelectedDateChanged">

<TimeView CellSpacing="-1">

</TimeView>

<TimePopupButton HoverImageUrl="" ImageUrl="" />

<Calendar Skin="Web20" UseColumnHeadersAsSelectors="False" CultureInfo="en-US"

UseRowHeadersAsSelectors="False" ViewSelectorText="x">

</Calendar>

<DateInput Enabled="false" DateFormat="d/M/yyyy HH:mm:ss" AutoPostBack="True">

</DateInput>

<DatePopupButton HoverImageUrl="" ImageUrl="" />

</tel:RadDateTimePicker>

</td>

</tr>

</table>

</fieldset>

</td>

</tr>

</table>

</td>

<td style="height: 30px">

</td>

</tr>

<tr>

<td>

<gw:CustomLabel ID="CustomLabel10" runat="server" MyEnabled="" MyVisible="" CssClass="formlable">??? ???????</gw:CustomLabel>

</td>

<td>

<tel:RadComboBox ID="ddlPropertyOperation" runat="server" A="" AllowCustomText="false"

AppendDataBoundItems="true" AutoPostBack="True" DataSourceID="odsPropertyOperation"

DataTextField="LockupDetail_Name" DataValueField="LockupDetail_ID" HighlightTemplatedItems="true"

MarkFirstMatch="true" Skin="Web20">

<Items>

<tel:RadComboBoxItem Text="------?????? ????????-----" Value="0" Owner="ddlPropertyOperation" />

</Items>

</tel:RadComboBox>

<asp:ObjectDataSource ID="odsPropertyOperation" runat="server" SelectMethod="GetLockupDetails"

TypeName="GWERP.DataAccess.Lockups.General_LockupDetail1">

<SelectParameters>

<asp:Parameter DefaultValue="128" Name="LockupMaster_ID" Type="Int32" />

<asp:Parameter DefaultValue="ar" Name="Lang" Type="String" />

</SelectParameters>

</asp:ObjectDataSource>

</td>

<td>

</td>

</tr>

<tr>

<td>

</td>

<td>

</td>

<td>

</td>

</tr>

</table>

<br />

<table style="width: 100%;">

<tr>

<td colspan="3" align="center">

<div class="ErrorHolder">

</div>

</td>

</tr>

<tr>

<td>

<gw:CustomLabel ID="CustomLabel8" runat="server" MyEnabled="" MyVisible="" CssClass="formlable">????? ?????</gw:CustomLabel>

</td>

<td>

</td>

<td>

</td>

</tr>

<tr>

<td colspan="3">

<tel:RadAsyncUpload ID="raUploadImages" MultipleFileSelection="Automatic" runat="server"

TargetFolder="~/PropertiesPath/Images/" Skin="Web20" AllowedFileExtensions="jpg,jpeg,png,gif"

OnClientValidationFailed="validationFailed">

<Localization Cancel="?????" Remove="???" Select="??????" />

</tel:RadAsyncUpload>

</td>

</tr>

<tr>

<td colspan="3">

<tel:RadListView ID="lvImages" runat="server" AllowPaging="True" Visible="false"

DataSourceID="odsGetPropertyImages" EnableLinqExpressions="false" ItemPlaceholderID="phImages"

PageSize="6" Skin="Web20">

<LayoutTemplate>

<fieldset>

<legend class="formlable1">

<h1>

?????</h1>

</legend>

<br />

<div align="right">

<asp:PlaceHolder ID="phImages" runat="server"></asp:PlaceHolder>

</div>

</fieldset>

<tel:RadDataPager ID="rdpImages" runat="server" PageSize="6" Skin="Web20">

<Fields>

<tel:RadDataPagerSliderField />

</Fields>

</tel:RadDataPager>

</LayoutTemplate>

<ItemTemplate>

<fieldset style="float: right; width: 170px; text-align: center; height: 170px">

<table>

<tr>

<td align="right" style="width: 25%; text-align: center">

<div>

</div>

<asp:Image ID="imgPropertyImage" runat="server" BorderColor="#0B7FAD" Style="z-index: 999;"

BorderWidth="2" Height="140" ImageUrl='<%# Eval("PropertyDetailsPath") %>' Width="130px" />

</td>

</tr>

<tr>

<td>

<asp:LinkButton CssClass="rbRemove" Text="." CommandArgument='<%# Eval("PropertyDetailsID") %>'

OnClick="DeleteImageVideo" ForeColor="White" Width="20px" ID="lnkDeleteImage"

runat="server" OnClientClick="javascript:return radconfirm('?? ??? ????? ?? ??? ???????',event,250,100,null,'????? ?????');">  </

asp:LinkButton>

</td>

</tr>

</table>

</fieldset>

</ItemTemplate>

</tel:RadListView>

<asp:ObjectDataSource ID="odsGetPropertyImages" runat="server" SelectMethod="GetPropertyDetail"

TypeName="GWERP.DataAccess.Aqar.Properties.PropertiesDetails">

<SelectParameters>

<asp:ControlParameter ControlID="hfPropertyID" Name="propertyID" PropertyName="Value"

Type="Int32" />

<asp:Parameter DefaultValue="0" Name="detailType" Type="Int32" />

</SelectParameters>

</asp:ObjectDataSource>

</td>

</tr>

<tr>

<td>

<gw:CustomLabel ID="CustomLabel9" runat="server" MyEnabled="" MyVisible="" CssClass="formlable">????? ????? ???????</gw:CustomLabel>

</td>

<td>

</td>

<td>

</td>

</tr>

<tr>

<td colspan="3">

<tel:RadAsyncUpload ID="raUploadClips" MultipleFileSelection="Automatic" runat="server"

TargetFolder="~/PropertiesPath/Images/" Skin="Web20" AllowedFileExtensions="avi,3gp,wmv,mp4,flv"

OnClientValidationFailed="validationFailed">

<Localization Cancel="?????" Remove="???" Select="??????" />

</tel:RadAsyncUpload>

</td>

</tr>

<tr>

<td colspan="3">

<tel:RadListView ID="lvVedios" runat="server" AllowPaging="true" Visible="false"

DataSourceID="odsGetPropertyVedios" EnableLinqExpressions="false" ItemPlaceholderID="phVedios"

PageSize="6" Skin="Web20">

<LayoutTemplate>

<fieldset>

<legend class="formlable1">

<h1>

???????</h1>

</legend>

<br />

<div align="right">

<asp:PlaceHolder ID="phVedios" runat="server"></asp:PlaceHolder>

</div>

</fieldset>

<div align="center">

<tel:RadDataPager ID="rdpVedios0" runat="server" PageSize="6" Skin="Web20">

<Fields>

<tel:RadDataPagerSliderField />

</Fields>

</tel:RadDataPager>

</div>

</LayoutTemplate>

<ItemTemplate>

<fieldset style="float: right; width: 180px; text-align: center">

<table>

<tr>

<td align="right" style="width: 25%; text-align: center">

<object id="flowplayer0" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" style="width: 170px;

height: 170px; border: none;" style="border: 2px solid #0B7FAD">

<param name="movie" value="../flowplayer-3.2.5.swf" />

<param name="wmode" value="transparent" />

<param name="flashvars" wmode="transparent" value=<%#"config={'clip':{'url':'"+Eval("PropertyDetailsPath")+"', 'autoPlay':false, 'autoBuffering':true}}" %> />

</object>

</td>

</tr>

<tr>

<td align="center">

<asp:LinkButton CssClass="rbRemove" Text="." ForeColor="White" Width="20px" OnClick="DeleteImageVideo"

ID="lnkRemoveVedio" runat="server" CommandArgument='<%# Eval("PropertyDetailsID") %>'

OnClientClick="javascript:return radconfirm('?? ??? ????? ?? ??? ???????',event,250,100,null,'????? ?????');"> </asp:LinkButton>

</td>

</tr>

</table>

</fieldset>

</ItemTemplate>

</tel:RadListView>

<asp:ObjectDataSource ID="odsGetPropertyVedios" runat="server" SelectMethod="GetPropertyDetail"

TypeName="GWERP.DataAccess.Aqar.Properties.PropertiesDetails">

<SelectParameters>

<asp:ControlParameter ControlID="hfPropertyID" Name="propertyID" PropertyName="Value"

Type="Int32" />

<asp:Parameter DbType="Int32" DefaultValue="1" Name="detailType" />

</SelectParameters>

</asp:ObjectDataSource>

</td>

</tr>

<tr>

<td align="center" colspan="3">

<table border="0" cellpadding="0" cellspacing="0">

<tr>

<td>

<table>

<tr>

<td>

<tel:RadButton runat="server" ID="rbSave" ButtonType="LinkButton" Skin="Web20" OnClick="lnkSave_Click"

Text="???" CommandArgument="save">

<Icon PrimaryIconCssClass="rbSave" PrimaryIconLeft="4" PrimaryIconTop="4" />

</tel:RadButton>

</td>

<td>

<tel:RadButton runat="server" ID="rbEdit" ButtonType="LinkButton" Skin="Web20" Enabled="false"

Text="?????" OnClick="rbEdit_Click" CommandArgument="edit">

<Icon PrimaryIconCssClass="rbEdit" PrimaryIconLeft="4" PrimaryIconTop="4" />

</tel:RadButton>

</td>

<td>

<tel:RadButton runat="server" ID="rbDelete" CommandArgument="delete" ButtonType="LinkButton"

Skin="Web20" Enabled="false" Text="???" OnClick="rbDelete_Click">

<Icon PrimaryIconCssClass="rbRemove" PrimaryIconLeft="4" PrimaryIconTop="4" />

</tel:RadButton>

</td>

<td>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td colspan="3">

<asp:HiddenField ID="hfPropertyID" runat="server" />

</td>

</tr>

<tr>

<td colspan="3">

<tel:RadAjaxLoadingPanel ID="ralpGvProperties" runat="server" Skin="Web20">

</tel:RadAjaxLoadingPanel>

</td>

</tr>

</table>

</asp:Panel>

<table width="100%">

<tr>

<td colspan="3">

<tel:RadGrid ID="rgProperties" runat="server" AutoGenerateColumns="False" AllowPaging="True"

PageSize="2" Skin="Web20" DataSourceID="ods_GetProperties" Culture="ar-SA" AllowFilteringByColumn="True"

AllowSorting="True" GridLines="None" ShowGroupPanel="True">

<ClientSettings AllowColumnsReorder="True" ReorderColumnsOnClient="True" Selecting-AllowRowSelect="true"

AllowDragToGroup="True">

<Selecting AllowRowSelect="True" />

</ClientSettings>

<ExportSettings FileName="Properites" OpenInNewWindow="true" IgnorePaging="true"

ExportOnlyData="true">

</ExportSettings>

<GroupPanel Text="???? ??????? ???? ?????? ??????? ?????">

<PanelStyle Height="50px" Width="100%" />

</GroupPanel>

<MasterTableView CommandItemDisplay="Top" AllowPaging="True" DataSourceID="ods_GetProperties"

GroupLoadMode="Server" PageSize="3">

<NestedViewTemplate>

<tel:RadTabStrip runat="server" ID="TabStip1" MultiPageID="mpImagesVedios" SelectedIndex="0"

Skin="Web20">

<Tabs>

<tel:RadTab runat="server" Text="?????" PageViewID="pvImages">

</tel:RadTab>

<tel:RadTab runat="server" Text="???????" PageViewID="pvVedios">

</tel:RadTab>

</Tabs>

</tel:RadTabStrip>

<tel:RadMultiPage runat="server" ID="mpImagesVedios" SelectedIndex="0" RenderSelectedPageOnly="false">

<tel:RadPageView runat="server" ID="pvImages" BorderColor="#00B6FF" BorderWidth="2">

<asp:Label ID="lblPropertyID" Font-Bold="true" Font-Italic="true" Text='<%# Eval("PropertyID") %>'

Visible="false" runat="server" /><tel:RadListView runat="server" ID="lvImages" Skin="Web20"

AllowPaging="true" ItemPlaceholderID="phImages" PageSize="6" DataSourceID="odsGetPropertyImages"

EnableLinqExpressions="false">

<LayoutTemplate>

<div align="right">

<asp:PlaceHolder ID="phImages" runat="server"></asp:PlaceHolder>

</div>

<div align="center">

<tel:RadDataPager ID="rdpImages" runat="server" PageSize="6" Skin="Web20">

<Fields>

<tel:RadDataPagerSliderField />

</Fields>

</tel:RadDataPager>

</div>

</LayoutTemplate>

<ItemTemplate>

<asp:Image runat="server" ID="imgPropertyImage" BorderWidth="2" BorderColor="#0B7FAD"

ImageUrl='<%# Eval("PropertyDetailsPath") %>' Width="100" Height="120" /></ItemTemplate>

</tel:RadListView>

<asp:ObjectDataSource ID="odsGetPropertyImages" runat="server" SelectMethod="GetPropertyDetail"

TypeName="GWERP.DataAccess.Aqar.Properties.PropertiesDetails">

<SelectParameters>

<asp:ControlParameter ControlID="lblPropertyID" PropertyName="Text" Name="propertyID"

Type="Int32" />

<asp:Parameter Name="detailType" DbType="Int32" DefaultValue="0" />

</SelectParameters>

</asp:ObjectDataSource>

</tel:RadPageView>

<tel:RadPageView runat="server" ID="pvVedios" BorderColor="#00B6FF" BorderWidth="2">

<tel:RadListView runat="server" ID="lvVedios" Skin="Web20" AllowPaging="true" ItemPlaceholderID="phVedios"

PageSize="6" DataSourceID="odsGetPropertyVedios" EnableLinqExpressions="false">

<LayoutTemplate>

<div align="right">

<asp:PlaceHolder ID="phVedios" runat="server"></asp:PlaceHolder>

</div>

<div align="center">

<tel:RadDataPager ID="rdpVedios" runat="server" PageSize="6" Skin="Web20">

<Fields>

<tel:RadDataPagerSliderField />

</Fields>

</tel:RadDataPager>

</div>

</LayoutTemplate>

<ItemTemplate>

<object id="flowplayer" style="border: 2px solid #0B7FAD" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"

style="z-index: 99; width: 170px; height: 170px; padding: 5px 5px; margin: 3px 3px 0px 1px;

border: none;">

<param name="movie" value="../flowplayer-3.2.5.swf" />

<param name="wmode" value="transparent" />

<param name="flashvars" wmode="transparent" value=<%#"config={'clip':{'url':'"+Eval("PropertyDetailsPath")+"', 'autoPlay':false, 'autoBuffering':true}}" %> />

</object>

</ItemTemplate>

</tel:RadListView>

<asp:ObjectDataSource ID="odsGetPropertyVedios" runat="server" SelectMethod="GetPropertyDetail"

TypeName="GWERP.DataAccess.Aqar.Properties.PropertiesDetails">

<SelectParameters>

<asp:ControlParameter ControlID="lblPropertyID" PropertyName="Text" Name="propertyID"

Type="Int32" />

<asp:Parameter Name="detailType" DbType="Int32" DefaultValue="1" />

</SelectParameters>

</asp:ObjectDataSource>

</tel:RadPageView>

</tel:RadMultiPage>

</NestedViewTemplate>

<CommandItemSettings AddNewRecordText="????? ???? ????" ExportToExcelText="????? ????"

ExportToPdfText="????? pdf" RefreshText="?????" ShowExportToExcelButton="True"

ShowExportToPdfButton="True" ShowExportToWordButton="True" />

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">

<HeaderStyle Width="20px" />

</RowIndicatorColumn>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">

<HeaderStyle Width="20px" />

</ExpandCollapseColumn>

<Columns>

<tel:GridBoundColumn DataField="PropertyID" FilterControlAltText="Filter indexID column"

HeaderText="?????" UniqueName="indexID1">

</tel:GridBoundColumn>

<tel:GridBoundColumn DataField="PropertyName" FilterControlAltText="Filter indexID column"

HeaderText="??? ??????" UniqueName="indexID2">

</tel:GridBoundColumn>

<tel:GridBoundColumn DataField="PropertyPrice" FilterControlAltText="Filter indexID column"

HeaderText="?????" UniqueName="indexID3">

</tel:GridBoundColumn>

<tel:GridBoundColumn DataField="propertyAddress" FilterControlAltText="Filter indexID column"

HeaderText="???????" UniqueName="indexID">

</tel:GridBoundColumn>

<tel:GridTemplateColumn AllowFiltering="false">

<ItemTemplate>

<tel:RadButton runat="server" ID="rbSelect" ButtonType="LinkButton" Skin="Web20"

CommandName="select" CommandArgument='<%# Eval("PropertyID") %>' Text="??????"

OnClick="rbSelect_Click">

<Icon PrimaryIconCssClass="rbOk" PrimaryIconLeft="4" PrimaryIconTop="4" />

</tel:RadButton>

</ItemTemplate>

<HeaderStyle Width="10px" />

</tel:GridTemplateColumn>

</Columns>

<CommandItemSettings AddNewRecordText="????? ???? ????" RefreshText="?????" ShowAddNewRecordButton="false"

ShowExportToExcelButton="true" ShowExportToPdfButton="false"

ExportToExcelText="????? ????" ShowExportToWordButton="true" ExportToWordText="????? ???? ???" />

<EditFormSettings>

<EditColumn FilterControlAltText="Filter EditCommandColumn column">

</EditColumn>

</EditFormSettings>

<PagerStyle Mode="NextPrevNumericAndAdvanced" />

</MasterTableView>

<FilterMenu EnableImageSprites="true">

</FilterMenu>

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default">

</HeaderContextMenu>

</tel:RadGrid>

<asp:ObjectDataSource ID="ods_GetProperties" runat="server" SelectMethod="GetProperites"

TypeName="GWERP.DataAccess.Aqar.Properties.Properties"></asp:ObjectDataSource>

</td>

</tr>

<tr>

<td>

</td>

<td>

</td>

<td>

</td>

</tr>

</table>

<script type="text/javascript" language="javascript">

function requestStart(sender, args) {

if (args.get_eventTarget().indexOf("ExportToPdfButton") > 0)

args.set_enableAjax(false);

if (args.get_eventTarget().indexOf("ExportToWordButton") > 0)

args.set_enableAjax(false);

if (args.get_eventTarget().indexOf("ExportToExcelButton") > 0)

args.set_enableAjax(false);

}

</script>

<tel:RadAjaxManager runat="server" ClientEvents-OnRequestStart="requestStart">

<AjaxSettings>

<tel:AjaxSetting AjaxControlID="rgProperties">

<UpdatedControls>

<%-- <tel:AjaxUpdatedControl ControlID="rgProperties" LoadingPanelID="ralpMain"/> --%>

</UpdatedControls>

</tel:AjaxSetting>

<tel:AjaxSetting AjaxControlID="rgProperties">

<UpdatedControls>

<tel:AjaxUpdatedControl ControlID="rapMain" LoadingPanelID="ralpMain" />

</UpdatedControls>

</tel:AjaxSetting>

<%--<tel:AjaxSetting AjaxControlID="rapMain">

<UpdatedControls>

<tel:AjaxUpdatedControl ControlID="rapMain" LoadingPanelID="ralpMain"/>

</UpdatedControls>

</tel:AjaxSetting>--%>

<tel:AjaxSetting AjaxControlID="ddlCountry">

<UpdatedControls>

<tel:AjaxUpdatedControl ControlID="ddlRegion" LoadingPanelID="ralpMain" />

</UpdatedControls>

</tel:AjaxSetting>

<tel:AjaxSetting AjaxControlID="ddlRegion">

<UpdatedControls>

<tel:AjaxUpdatedControl ControlID="ddlCity" LoadingPanelID="ralpMain" />

</UpdatedControls>

</tel:AjaxSetting>

<tel:AjaxSetting AjaxControlID="ddlCity">

<UpdatedControls>

<tel:AjaxUpdatedControl ControlID="ddlQuarter" LoadingPanelID="ralpMain" />

</UpdatedControls>

</tel:AjaxSetting>

<tel:AjaxSetting AjaxControlID="rbDelete">

<UpdatedControls>

<tel:AjaxUpdatedControl ControlID="rgProperties" LoadingPanelID="ralpMain" />

</UpdatedControls>

</tel:AjaxSetting>

<tel:AjaxSetting AjaxControlID="rbSave">

<UpdatedControls>

<tel:AjaxUpdatedControl ControlID="rgProperties" LoadingPanelID="ralpMain" />

</UpdatedControls>

</tel:AjaxSetting>

<tel:AjaxSetting AjaxControlID="rbEdit">

<UpdatedControls>

<tel:AjaxUpdatedControl ControlID="rgProperties" LoadingPanelID="ralpMain" />

</UpdatedControls>

</tel:AjaxSetting>

<tel:AjaxSetting AjaxControlID="rbGregHijri">

<UpdatedControls>

<tel:AjaxUpdatedControl ControlID="rdtpPriceFrom" LoadingPanelID="ralpMain" />

<tel:AjaxUpdatedControl ControlID="rdtpPriceTo" LoadingPanelID="ralpMain" />

</UpdatedControls>

</tel:AjaxSetting>

</AjaxSettings>

</tel:RadAjaxManager>

</asp:Content>

please help

Regards

Window

answered on 04 Feb 2011

1 answer

87 views

Inconsistent Column Widths with Static Header

Although I've seen other threads in the forum discussing best practices for column widths when static headers are enabled, I have not been able to figure out how you should set columns widths / master view widths in order to produce columns that render consistently across IE, Firefox and Chrome.

In the attached mockup, I have a grid with static headers and specific column widths. In IE 7, the header columns are not consistent with the item columns.Additionally, the last column is not displayed. In Chrome or IE 8, the grid appears to display fine.

Any help would be appreciated.

Thanks.

Here is the grid source:

<telerik:RadGrid ID="grdHotListView" runat="server" AutoGenerateColumns="false"

CssClass="search_results" GridLines="Vertical" Skin="" EnableEmbeddedSkins="false"

AllowSorting="true" ImagesPath="img" Width="760">

<HeaderStyle Height="30px" CssClass="grid_header_row" />

<ClientSettings EnablePostBackOnRowClick="false">

<Selecting AllowRowSelect="True" />

<Scrolling AllowScroll="true" UseStaticHeaders="true" ScrollHeight="250px" SaveScrollPosition="True" />

</ClientSettings>

<MasterTableView Width="740px" Font-Names="Arial, Helvetica, sans-serif" AllowNaturalSort="false" ShowHeadersWhenNoRecords="true"

GridLines="None">

<Columns>

<telerik:GridBoundColumn HeaderStyle-Width="180px" HeaderText="<h2>Name</h2

>" DataField="StudentName" SortExpression="StudentName" ItemStyle-HorizontalAlign="Center"  ItemStyle-CssClass="icon" />

<telerik:GridHyperLinkColumn HeaderStyle-Width="100px" SortExpression="StudentNumber" DataNavigateUrlFields="StudentId" DataNavigateUrlFormatString="~/documenttracking.aspx?studentid={0}" DataTextField="StudentNumber" HeaderText="<h2>ID</h2>" ItemStyle-HorizontalAlign="Center" ItemStyle-CssClass="icon"/>

<telerik:GridTemplateColumn HeaderText="<h2>C</h2

>" HeaderStyle-Width="20px" HeaderTooltip="Contact/Personal Information/Account Creation" ItemStyle-HorizontalAlign="Center" ItemStyle-CssClass="icon">

<ItemTemplate>

<asp:Image runat="server" ImageUrl='<%# String.Format("~/img/app-{0}.gif", Eval("AdmissionApplicationDetail.StudentInfoStatus.IconOption")) %>'

Visible='<%# Eval("AdmissionApplicationDetail.StudentInfoStatus.IsIconVisible") %>' />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="<h2>P</h2

>" HeaderStyle-Width="20px" HeaderTooltip="Program and Start Date Selection" ItemStyle-HorizontalAlign="Center" ItemStyle-CssClass="icon">

<ItemTemplate>

<asp:Image runat="server" ImageUrl='<%# String.Format("~/img/app-{0}.gif", Eval("AdmissionApplicationDetail.ProgramStatus.IconOption")) %>'

Visible='<%# Eval("AdmissionApplicationDetail.ProgramStatus.IsIconVisible") %>' />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="<h2>H</h2

>" HeaderStyle-Width="20px" HeaderTooltip="High School or GED" ItemStyle-HorizontalAlign="Center" ItemStyle-CssClass="icon">

<ItemTemplate>

<asp:Image runat="server" ImageUrl='<%# String.Format("~/img/app-{0}.gif", Eval("AdmissionApplicationDetail.HSStatus.IconOption")) %>'

Visible='<%# Eval("AdmissionApplicationDetail.HSStatus.IsIconVisible") %>' />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="<h2>A</h2

>" HeaderStyle-Width="20px" HeaderTooltip="Academic History (post secondary)" ItemStyle-HorizontalAlign="Center" ItemStyle-CssClass="icon">

<ItemTemplate>

<asp:Image runat="server" ImageUrl='<%# String.Format("~/img/app-{0}.gif", Eval("AdmissionApplicationDetail.CollStatus.IconOption")) %>'

Visible='<%# Eval("AdmissionApplicationDetail.CollStatus.IsIconVisible") %>' />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="<h2>P</h2

>" HeaderStyle-Width="20px" HeaderTooltip="Proficiency Questions" ItemStyle-HorizontalAlign="Center" ItemStyle-CssClass="icon">

<ItemTemplate>

<asp:Image runat="server" ImageUrl='<%# String.Format("~/img/app-{0}.gif", Eval("AdmissionApplicationDetail.CompStatus.IconOption")) %>'

Visible='<%# Eval("AdmissionApplicationDetail.CompStatus.IsIconVisible") %>' />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="<h2>T</h2

>" HeaderStyle-Width="20px" HeaderTooltip="Terms and Conditions" ItemStyle-HorizontalAlign="Center" ItemStyle-CssClass="icon">

<ItemTemplate>

<asp:Image runat="server"

ImageUrl='<%# String.Format("~/img/app-{0}.gif", Eval("AdmissionApplicationDetail.TermsConditionsStatus.IconOption")) %>'

Visible='<%# Eval("AdmissionApplicationDetail.TermsConditionsStatus.IsIconVisible") %>' />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="<h2>E</h2

>" HeaderStyle-Width="20px" HeaderTooltip="Enrollment Agreement" ItemStyle-HorizontalAlign="Center" ItemStyle-CssClass="icon">

<ItemTemplate>

<asp:Image runat="server"

ImageUrl='<%# String.Format("~/img/app-{0}.gif", Eval("AdmissionApplicationDetail.EnrollmentAgreementStatus.IconOption")) %>'

Visible='<%# Eval("AdmissionApplicationDetail.EnrollmentAgreementStatus.IsIconVisible") %>' />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="<h2> </h2>" HeaderStyle-Width="10px" ItemStyle-CssClass="icon">

<ItemTemplate> </ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="<h2>O</h2

>" HeaderStyle-Width="20px" HeaderTooltip="Financial Options Selections" ItemStyle-HorizontalAlign="Center" ItemStyle-CssClass="icon">

<ItemTemplate>

<asp:Image runat="server" ImageUrl='<%# String.Format("~/img/app-{0}.gif", Eval("FinancialApplicationDetail.FOStatus.IconOption")) %>'

Visible='<%# Eval("FinancialApplicationDetail.FOStatus.IsIconVisible") %>' />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="<h2>D</h2>" HeaderStyle-Width="20px" HeaderTooltip="Dependency" ItemStyle-HorizontalAlign="Center" ItemStyle-CssClass="icon">

<ItemTemplate>

<asp:Image runat="server" ImageUrl='<%# String.Format("~/img/app-{0}.gif", Eval("FinancialApplicationDetail.DEPStatus.IconOption")) %>'

Visible='<%# Eval("FinancialApplicationDetail.DEPStatus.IsIconVisible") %>' />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="<h2>C</h2>" HeaderStyle-Width="20px" HeaderTooltip="Other Colleges" ItemStyle-HorizontalAlign="Center" ItemStyle-CssClass="icon">

<ItemTemplate>

<asp:Image runat="server" ImageUrl='<%# String.Format("~/img/app-{0}.gif", Eval("FinancialApplicationDetail.OtherColStatus.IconOption")) %>'

Visible='<%# Eval("FinancialApplicationDetail.OtherColStatus.IsIconVisible") %>' />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="<h2>R</h2

>" HeaderStyle-Width="20px" HeaderTooltip="Other Resources" ItemStyle-HorizontalAlign="Center" ItemStyle-CssClass="icon">

<ItemTemplate>

<asp:Image runat="server" ImageUrl='<%# String.Format("~/img/app-{0}.gif", Eval("FinancialApplicationDetail.OtherResStatus.IconOption")) %>'

Visible='<%# Eval("FinancialApplicationDetail.OtherResStatus.IsIconVisible") %>' />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="<h2>A</h2

>" HeaderStyle-Width="20px" HeaderTooltip="Funds Authorization" ItemStyle-HorizontalAlign="Center" ItemStyle-CssClass="icon">

<ItemTemplate>

<asp:Image runat="server" ImageUrl='<%# String.Format("~/img/app-{0}.gif", Eval("FinancialApplicationDetail.FundAuthStatus.IconOption")) %>'

Visible='<%# Eval("FinancialApplicationDetail.FundAuthStatus.IsIconVisible") %>' />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="<h2>F</h2>" HeaderStyle-Width="20px" HeaderTooltip="FAFSA" ItemStyle-HorizontalAlign="Center" ItemStyle-CssClass="icon">

<ItemTemplate>

<asp:Image runat="server" ImageUrl='<%# String.Format("~/img/app-{0}.gif", Eval("FinancialApplicationDetail.FAFSAStatus.IconOption")) %>'

Visible='<%# Eval("FinancialApplicationDetail.FAFSAStatus.IsIconVisible") %>' />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="<h2>M</h2>" HeaderStyle-Width="20px" HeaderTooltip="MPN" ItemStyle-HorizontalAlign="Center" ItemStyle-CssClass="icon">

<ItemTemplate>

<asp:Image runat="server" ImageUrl='<%# String.Format("~/img/app-{0}.gif", Eval("FinancialApplicationDetail.MPNStatus.IconOption")) %>'

Visible='<%# Eval("FinancialApplicationDetail.MPNStatus.IsIconVisible") %>' />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="<h2> </h2>" HeaderStyle-Width="10px" ItemStyle-CssClass="icon">

<ItemTemplate> </ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="<h2>H</h2

>" HeaderStyle-Width="20px" HeaderTooltip="High School Transcript" ItemStyle-HorizontalAlign="Center" ItemStyle-CssClass="icon">

<ItemTemplate>

<asp:Image runat="server" ImageUrl='<%# String.Format("~/img/app-{0}.gif", Eval("DocumentDetail.HsTranscript.IconOption")) %>'

Visible='<%# Eval("DocumentDetail.HsTranscript.IsIconVisible") %>' />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="<h2>T</h2

>" HeaderStyle-Width="20px" HeaderTooltip="College Transcipt" ItemStyle-HorizontalAlign="Center" ItemStyle-CssClass="icon">

<ItemTemplate>

<asp:Image runat="server" ImageUrl='<%# String.Format("~/img/app-{0}.gif", Eval("DocumentDetail.CollTranscriptCount.IconOption")) %>'

Visible='<%# Eval("DocumentDetail.CollTranscriptCount.IsIconVisible") %>' />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="<h2>F</h2>" HeaderStyle-Width="20px" HeaderTooltip="FAFSA/ISIR" ItemStyle-HorizontalAlign="Center" ItemStyle-CssClass="icon">

<ItemTemplate>

<asp:Image runat="server" ImageUrl='<%# String.Format("~/img/app-{0}.gif", Eval("DocumentDetail.FafsaIsir.IconOption")) %>'

Visible='<%# Eval("DocumentDetail.FafsaIsir.IsIconVisible") %>' />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="<h2>A</h2

>" HeaderStyle-Width="20px" HeaderTooltip="Funds Authorization" ItemStyle-HorizontalAlign="Center" ItemStyle-CssClass="icon">

<ItemTemplate>

<asp:Image runat="server" ImageUrl='<%# String.Format("~/img/app-{0}.gif", Eval("DocumentDetail.FundsAuth.IconOption")) %>'

Visible='<%# Eval("DocumentDetail.FundsAuth.IsIconVisible") %>' />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="<h2>S</h2>" HeaderStyle-Width="20px" HeaderTooltip="Stafford" ItemStyle-HorizontalAlign="Center" ItemStyle-CssClass="icon">

<ItemTemplate>

<asp:Image runat="server" ImageUrl='<%# String.Format("~/img/app-{0}.gif", Eval("DocumentDetail.Stafford.IconOption")) %>'

Visible='<%# Eval("DocumentDetail.Stafford.IsIconVisible") %>' />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="<h2>C</h2

>" HeaderStyle-Width="20px" HeaderTooltip="Competency Exams" ItemStyle-HorizontalAlign="Center" ItemStyle-CssClass="icon">

<ItemTemplate>

<asp:Image Irunat="server" ImageUrl='<%# String.Format("~/img/app-{0}.gif", Eval("DocumentDetail.CompExams.IconOption")) %>'

Visible='<%# Eval("DocumentDetail.CompExams.IsIconVisible") %>' />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="<h2>A</h2

>" HeaderStyle-Width="20px" HeaderTooltip="Academic Complete Signoff" ItemStyle-HorizontalAlign="Center" ItemStyle-CssClass="icon">

<ItemTemplate>

<asp:Image runat="server" ImageUrl='<%# String.Format("~/img/app-{0}.gif", Eval("DocumentDetail.AmSign.IconOption")) %>'

Visible='<%# Eval("DocumentDetail.AmSign.IsIconVisible") %>' />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="<h2>F</h2

>" HeaderStyle-Width="20px" HeaderTooltip="Financial Complete Signoff" ItemStyle-HorizontalAlign="Center" ItemStyle-CssClass="icon">

<ItemTemplate>

<asp:Image runat="server" ImageUrl='<%# String.Format("~/img/app-{0}.gif", Eval("DocumentDetail.FaSign.IconOption")) %>'

Visible='<%# Eval("DocumentDetail.FaSign.IsIconVisible") %>' />

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

Grid

answered on 04 Feb 2011

1 answer

40 views

Tab into Editor - Focus Issue

Hello,

I am using RadControls for ASP.NET AJAX Q2 2010; I have found a few posts that discusses the focus issue with RADEditor when the control receives focus from another control. The cursor does get placed in the Editor contect area, however the container is selected; irrespective of the contentAreaMode (DIV / IFrame). Refer attached image (TabIntoRADEditor_Actual.JPG). If we start typing the selection indicator is going away. Is there a way to avoid this behavior; and stil retain the tabbing functionality in the editor workspace? Attached is the sample source that I have tried as per forum posts (to avoid the tabs on the toolbar items).

Thanks.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="TryTelerikFeatures._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 runat="server">

<title>Untitled Page</title>

</head>

<body>

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

<telerik:RadScriptManager ID="radScriptMgr" runat="server" EnableTheming="True">

</telerik:RadScriptManager>

<asp:TextBox ID="ctrl1" runat="server" TabIndex="1">

</asp:TextBox>

<asp:DropDownList ID="ctrl2" runat="server" TabIndex="2">

<asp:ListItem>Option 1</asp:ListItem>

<asp:ListItem>Option 2</asp:ListItem>

</asp:DropDownList>

<br />

<telerik:RadEditor ID="myEditor" runat="server" ContentAreaMode="iframe" OnClientLoad="OnClientLoad">

</telerik:RadEditor>

</form>

</body>

</html>

<script type="text/javascript" language="javascript">

function OnClientLoad(editor, args)

{

var buttonsHolder = $get(editor.get_id() + "Top");

var buttons = buttonsHolder.getElementsByTagName("A");

for (var i=0; i< buttons.length; i++)

{

var a = buttons[i];

a.tabIndex = -1;

a.tabStop = false;

}

</script>

Editor

answered on 04 Feb 2011

3 answers

182 views

Error occurs when the tab position has been changed in Client side

Hello,

My Tabstrip behaves very strange when i change the tab´s position in client side and start a postback.

I thought first that my code causes this behavior, then I created a new page, which contains a Tabstrip and Two buttons. The first button changes the position of the tabs and the other button causes just a postback.

I created in the TabStrip 4 Tabs:

Tabs Position
==== =======

Tab1        0
Tab2      1
Tab3       2
Tab4        3

When I select the tab4 and click on the Button “Change Position” the Tab4 has to change his position from 3 to 1 and has to be selected. Well all that works just fine. But when I start a Postback through the Button “Postback”, then the selected index increases automatically and the next tab (tab3) will be selected.

Can you please tell me what causes this behavior?

Markup code:
===========

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="RadTabStrip.aspx.cs" Inherits="GadgetShop.RadTabStrip" %>

<%@ 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 runat="server">

<title></title>

</head>

<body>

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

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

</asp:ScriptManager>

<telerik:RadScriptBlock ID="ScriptBlick1" runat="server">

<script type="text/javascript">

function changePos() {

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

RadTabStrip1.trackChanges();

var tabs = RadTabStrip1.get_tabs();

var tab = tabs.getItem(3);

tabs.remove(tab);

tabs.insert(1, tab);

tab.set_selected(true);

RadTabStrip1.commitChanges();

}

</script>

</telerik:RadScriptBlock>

<div>

</div>

<telerik:RadTabStrip ID="RadTabStrip1" runat="server">

<Tabs>

<telerik:RadTab runat="server" Text="Tab1">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Tab2">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Tab3">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Tab4">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Postback" />

<p>

<input id="Button2" type="button" value="Change Position" onclick="javascript:changePos();" /></p>

</form>

</body>

</html>

Server-side code:
==============

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

namespace GadgetShop

{

public partial class RadTabStrip : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

}

protected void Button1_Click(object sender, EventArgs e)

{

}

Any help will be appreciated

Ingo

TabStrip

answered on 04 Feb 2011

0 answers

132 views

Prevent Drag and Drop within a Parent Node

hi telerik team,
i am using radtreeview which is very useful for me in my current project, but, i need a help to accomplish it successfully ....
i have populated the tree view from a dataset. there will be more number of parent nodes and within each parent node, more than one child nodes will be there. Now i have to restrict the user to drag and drop the child nodes within the parent node itself. (Meaning : User should not interchange a child node from one parent node to another parent node. they should interchange or arrange a child node within its parent node itself). i dont have any idea about doing this in the tree view, so pls help me as soon as possible.

thanx in advanz,
venkat

TreeView

asked on 04 Feb 2011

1 answer

142 views

Automatically close / collapse menu if not hovered over after a certain time

Hello,

I'm using the RadMenu as the main navigation menu in my website. If a user clicks / opens a menu item and then moves their mouse off the menu, I would like the menu to automatically close after a certain configurable time span (ie, 2 seconds). Is this functionality built in to the control?

Thanks,
Chris

answered on 04 Feb 2011

1 answer

104 views

regExpTextBoxSetting - disapear value after post back

hello.
i'm using with regExpTextBoxSetting and i want that in server-side button clicking it will pass to server also if the validation is error.
but when it return back to client, the style of the invalid control stay as invalid (red frame and error icon) and the value disapears !!
There is any way to see the value on the invalid contol also after postback?
thanks

Input

answered on 04 Feb 2011

3 answers

80 views

List to grid

I'm new to both sitefinity and radgrid.

How can I assign the list returned by this fluent api code;

App.WorkWith().Documents().Where(d => d.Status ==

Telerik.Sitefinity.GenericContent.Model.ContentLifecycleStatus.Live).Get().ToList();

to a grid such that first column of the grid displays retuned documents’ titles and second column is a column of buttons such that when a button is pressed it will open the relevant document in a radwindow for viewing?

Many thanks for the help.

Regards

General Discussions