Questions on UI for ASP.NET AJAX Forum

3 answers

454 views

Telerik,
I am using a RadGrid and when I switch to EditMode, I have certain controls that I am disabling using the ItemDataBound event. I would like to completely hide these same controls instead of just disabling them. I know I can do that by setting Visible proper to false. However, I cannot determine how to hide the headerText that is associated with these controls in the Edit Form. Not sure of this would be done during the ItemDataBound event or possibly the ItemCreated event or which object to use. Any help would be appreciated.

Here is my RadGrid:
<telerik:RadGrid ID="rgDocuments" runat="server" Skin="Windows7"

AutoGenerateColumns="False"

AllowPaging="True"

AllowSorting="True"

ShowFooter="True"

Height="425px"

CellSpacing="0"

GridLines="None"

PageSize="25" >

<Pdf />

</ExportSettings>

</ClientSettings>

<telerik:GridEditCommandColumn EditText="Edit" ButtonType="ImageButton" HeaderStyle-Width="25px">

</telerik:GridEditCommandColumn>

<telerik:GridButtonColumn

HeaderStyle-Width="25px"

CommandName="Delete"

ButtonType="ImageButton"

Text="Delete"

ConfirmDialogType="Classic"

ConfirmTitle="Document Management"

ConfirmText="Are you sure you want to delete the document?">

</telerik:GridButtonColumn>

<telerik:GridTemplateColumn HeaderStyle-Width="25px">

<%--<asp:HyperLink ID="hlDoclink" runat="server" Target="_blank" ImageUrl="~/images/AddRecord.gif" NavigateUrl='<%#"http://corp.ubh.com/docimage/Vendors_Test/" & Eval("DocPath") %>'></asp:HyperLink>--%>

<asp:HyperLink ID="hlDocLink" runat="server" Target="_blank" ImageUrl="~/images/AddRecord.gif" NavigateUrl=""></asp:HyperLink>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Type" HeaderTooltip="Document type" SortExpression="vctShortName">

<telerik:RadComboBox ID="rcboDocType_Edit" runat="server" Skin="Windows7"

DataSourceID="ods_DocumentTypes"

DataTextField="vctShortName"

DataValueField="vctIdentity"

SelectedValue='<%# Bind("vcertTypeIdentity") %>'

Width="275px"

CausesValidation="False">

</telerik:RadComboBox>

</EditItemTemplate>

<asp:Label ID="lblDocType_Item" runat="server" Text='<%# Bind("vctShortName") %>'></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="State" HeaderStyle-Width="40px" SortExpression="vcertState" UniqueName="States">

<telerik:RadComboBox ID="rcboState_Edit" runat="server" Skin="Windows7"

Width="125px"

SelectedValue='<%# Bind("vcertState") %>'

DataSourceID="ods_StatesLookup"

DataTextField="StateName"

DataValueField="StateCode">

</telerik:RadComboBox>

</EditItemTemplate>

<asp:Label ID="lblDocState_Item" runat="server" Text='<%# Bind("vcertState") %>'></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="File Name">

<asp:Label ID="lblDocName_Edit" runat="server" Text='<%# Bind("vcertFileName") %>' ></asp:Label>

</EditItemTemplate>

<asp:Label ID="lblDocName_Item" runat="server" Text='<%# Bind("vcertFileName") %>'></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Effective Date" HeaderStyle-Width="100px" SortExpression="vcertEffectiveDate" UniqueName="EffectiveDate">

<telerik:RadDatePicker ID="rdpDocEffDate_Edit" runat="server" Skin="Windows7"

SelectedDate='<%# Bind("vcertEffectiveDate") %>'

MinDate="1900-01-01">

</telerik:RadDatePicker>

</EditItemTemplate>

<asp:Label ID="lblDocEffDate_Item" runat="server" Text='<%# Eval("vcertEffectiveDate", "{0:d}") %>'></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Expiration Date" HeaderStyle-Width="100px" SortExpression="vcertExpirationDate">

<telerik:RadDatePicker ID="rdpDocExpDate_Edit" runat="server" Skin="Windows7"

SelectedDate='<%# Bind("vcertExpirationDate") %>'

MinDate="1900-01-01">

</telerik:RadDatePicker>

</EditItemTemplate>

<asp:Label ID="lblDocExpDate_Item" runat="server" Text='<%# Eval("vcertExpirationDate", "{0:d}") %>'></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="License #" HeaderStyle-Width="100px" SortExpression="vcertLicenseNumber">

<telerik:RadTextBox ID="rtbLicense_Edit" runat="server"

Skin="Windows7"

Text='<%# Bind("vcertLicenseNumber") %>'>

</telerik:RadTextBox>

</EditItemTemplate>

<asp:Label ID="lblLicense_Item" runat="server" Text='<%# Bind("vcertLicenseNumber") %>'></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Validated" HeaderStyle-Width="60px" SortExpression="vcertIsValidated">

<asp:Label ID="lblIsValidated_Edit" runat="server" Text='<%# Bind("vcertIsValidated") %>' ></asp:Label>

</EditItemTemplate>

<asp:Label ID="lblIsValidated_Item" runat="server" Text='<%# Bind("vcertIsValidated") %>' ></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</EditFormSettings>

</MasterTableView>

</telerik:RadGrid>

Here is my code from the ItemDataBound Event:

'build the hyperlink for the document

If TypeOf e.Item Is GridDataItem Then

Dim item As GridDataItem = DirectCast(e.Item, GridDataItem)

'get the document filename

Dim fileName As String = DirectCast(item.FindControl("lblDocName_Item"), Label).Text

'set the document URL

Dim link As HyperLink = DirectCast(item.FindControl("hlDocLink"), HyperLink)

link.NavigateUrl = DocumentURL.Trim + FederalID.Trim + "/" + fileName

End If

'modify controls when in edit mode

If (TypeOf e.Item Is GridEditableItem) AndAlso (e.Item.IsInEditMode) Then

Dim editItem As GridEditFormItem = DirectCast(e.Item, GridEditFormItem)

'get the document type identity

Dim documentTypeId As Integer = CInt(e.Item.OwnerTableView.DataKeyValues(e.Item.ItemIndex)("vcertTypeIdentity"))

If (documentTypeId = DocumentType.W9Doc) Or (documentTypeId = DocumentType.SubProfProfile) Then

'disable the states dropdown

Dim statesCombo As RadComboBox = DirectCast(editItem.FindControl("rcboState_Edit"), RadComboBox)

statesCombo.Enabled = False

'statesCombo.Visible = False

'disable the date pickers

Dim effDatePicker As RadDatePicker = DirectCast(editItem.FindControl("rdpDocEffDate_Edit"), RadDatePicker)

effDatePicker.Enabled = False

'effDatePicker.Visible = False

Dim expDatePicker As RadDatePicker = DirectCast(editItem.FindControl("rdpDocExpDate_Edit"), RadDatePicker)

expDatePicker.Enabled = False

'expDatePicker.Enabled = False

'disable the license number

Dim licenseTextBox As RadTextBox = DirectCast(editItem.FindControl("rtbLicense_Edit"), RadTextBox)

licenseTextBox.Enabled = False

'licenseTextBox.Visible = False

End If

Grid

answered on 05 Aug 2011

1 answer

89 views

How to make an already added column into a Hyperlink Column??

Hi,

Very new to Telerik ctrls.

I have a RadGrid which is automatically generated from a datasource. I am not explicitly defining columns in the radgrid aspx.

How does one make one of those autocolumns into a Hyperlink Column in the code-behind (C#)?

Thanks!

Grid

answered on 05 Aug 2011

10 answers

320 views

Problem with Radcombox selected index changed event

Hi,

I have 4 rad combo boxes in my page.

Below is my aspx page code...

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="NewSAModalPopup.aspx.vb" StylesheetTheme="Default" Inherits="SelfAssess_NewSAModalPopup" %>

<%@ Register Assembly="Telerik.Web.UI, Version=2009.2.701.35, Culture=neutral, PublicKeyToken=121FAE78165BA3D4"

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

</head>

<body>

<div>

function GetRadWindow() {

var oWindow = null;

if (window.radWindow)

oWindow = window.radWindow;

else if (window.frameElement.radWindow)

oWindow = window.frameElement.radWindow;

return oWindow;

}

function CancelClick()

{

var oWindow = GetRadWindow();

oWindow.argument = null;

oWindow.close();

top.location.reload();

//window.close();

}

function relaodParentWindow() {

top.location.reload();

}

function closeWin() {

var oWnd = GetRadWindow();

oWnd.close();

top.location.reload();

//window.close();

}

</script>

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

</telerik:RadScriptManager>

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

<telerik:AjaxSetting AjaxControlID="c_rcbCustomer">

<telerik:AjaxUpdatedControl ControlID="c_rdbYear" />

<telerik:AjaxUpdatedControl ControlID="c_rcbAssessment" />

<telerik:AjaxUpdatedControl ControlID="c_rcbfacilityContact" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="c_rdbYear">

<telerik:AjaxUpdatedControl ControlID="c_rcbAssessment" />

<telerik:AjaxUpdatedControl ControlID="c_rcbfacilityContact" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="c_rcbAssessment">

<telerik:AjaxUpdatedControl ControlID="c_rcbfacilityContact" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<tr>

<td>

<table>

<tr>

<asp:Label ID="c_lblErrorText" runat="server" Visible="False" Font-Bold="True" ForeColor="Red"></asp:Label>

</td>

</tr>

<tr>

<td>

Step 1:

</td>

<td>

Select the customer

</td>

</tr>

<tr>

<td>

</td>

<td>

<telerik:RadComboBox ID="c_rcbCustomer" runat="server" AutoPostBack="True" Width="205px"

Filter="Contains" LoadingMessage="<div style='width:100%; height:23px; vertical-align:middle; text-align:center;'>Loading <img src='../Images/loading5.gif' /><div>"

EmptyMessage="--Select One--" EnableTextSelection="true" ExpandDelay="0" >

</telerik:RadComboBox>

<asp:RequiredFieldValidator ID="c_rfvCustomer" runat="server" ErrorMessage="Select a customer" ControlToValidate="c_rcbCustomer"></asp:RequiredFieldValidator>

<br />

</td>

</tr>

<tr>

<td >

Step 2:

</td>

<td>

Select the year for which you are entering the data</td>

</tr>

<tr>

<td>

</td>

<td>

<telerik:RadComboBox ID="c_rdbYear" runat="server" AutoPostBack="True" Width="205px"

Filter="Contains" LoadingMessage="<div style='width:100%; height:23px; vertical-align:middle; text-align:center;'>Loading <img src='../Images/loading5.gif' /><div>"

EnableTextSelection="true" ExpandDelay="0" >

</telerik:RadComboBox>

<asp:RequiredFieldValidator ID="c_rfvYear" runat="server"

ErrorMessage="Select a Year" ControlToValidate="c_rdbYear"></asp:RequiredFieldValidator>

<br />

</td>

</tr>

<tr>

<td >

Step 3:

</td>

<td>

Select the assessment to start</td>

</tr>

<tr>

<td>

</td>

<td>

<telerik:RadComboBox ID="c_rcbAssessment" runat="server" AutoPostBack="True" Width="580px"

Filter="Contains" LoadingMessage="<div style='width:100%;vertical-align:middle; text-align:center;'>Loading <img src='../Images/loading5.gif' /><div>"

EmptyMessage="-- Please complete step 1 and 2 --" EnableTextSelection="true"

ExpandDelay="0" >

</telerik:RadComboBox>

<asp:RequiredFieldValidator ID="c_rfvAssessment" runat="server"

ErrorMessage="Select the assessment" ControlToValidate="c_rcbAssessment"></asp:RequiredFieldValidator>

<br />

</td>

</tr>

<tr>

<td >

Step 4:

</td>

<td >

Select the primary contact</td>

</tr>

<tr>

<td>

</td>

<td>

<telerik:RadComboBox ID="c_rcbfacilityContact" runat="server"

AutoPostBack="True" Width="577px"

Filter="Contains" LoadingMessage="<div style='width:100%; height:23px; vertical-align:middle; text-align:center;'>Loading <img src='../Images/loading5.gif' /><div>"

EmptyMessage="-- Please complete step 1 through 3 --" EnableTextSelection="true"

ExpandDelay="0" >

</telerik:RadComboBox>

<br />

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td >                                 

<asp:Button ID="c_btnStart" runat="server" Text="Start" />    

<asp:Button ID="c_btnCancel" runat="server" Text="Cancel"

onclientclick="CancelClick();" />

</td>

</tr>

</table>

</div>

</form>

</body>

</html>

My aspx.vb have the following events:

Protected Sub c_rcbAssessment_SelectedIndexChanged(ByVal o As Object, ByVal e As Telerik.Web.UI.RadComboBoxSelectedIndexChangedEventArgs) Handles c_rcbAssessment.SelectedIndexChanged

LoadFacilityContact(c_rcbAssessment.SelectedValue)

End Sub

Protected Sub c_rdbYear_SelectedIndexChanged(ByVal o As Object, ByVal e As Telerik.Web.UI.RadComboBoxSelectedIndexChangedEventArgs) Handles c_rdbYear.SelectedIndexChanged

LoadSelfAssessments(c_rcbCustomer.SelectedValue, c_rdbYear.SelectedValue)

End Sub

Protected Sub c_rcbCustomer_SelectedIndexChanged(ByVal o As Object, ByVal e As Telerik.Web.UI.RadComboBoxSelectedIndexChangedEventArgs) Handles c_rcbCustomer.SelectedIndexChanged

LoadYear()

End Sub

when I change the selection in the year comboxbox, c_rdbYear_SelectedIndexChanged is being fired which is fine.Now, when I change the selection in c_rcbAssessment combobox, c_rcbCustomer_SelectedIndexChanged is being fired first and then c_rcbAssessment_SelectedIndexChanged is fired.I dont know why c_rcbCustomer_SelectedIndexChanged is being fired.It want only c_rcbAssessment combobox to be fired.

And also when I change the year combobox selection again,it is firing c_rcbCustomer_SelectedIndexChanged first and then c_rdbYear_SelectedIndexChanged.

Any kind of help would be appreciated.

Thanks.

ComboBox

answered on 05 Aug 2011

2 answers

270 views

Loop through nested grid (hierarchical)

It has to be simple, I apologize, can't find how to access in a tree way to nested table.

In the code below i have to relpace ??? with what?



For Each item As GridDataItem In RadGridResources.MasterTableView.Items

idResource = item("IDResource").Text

For Each childitem As ??? In ???

idSlot = childitem("IDSlot").Text

Next

Grid

answered on 05 Aug 2011

3 answers

618 views

Edit and Insert Template in RadGrid

Hi Guys
I have created a radgrid with sqldatasource. Enabled atomatic delete, update and insert. I want to create seperate edit and insert template. Requirement is : first three coumns should not be edited. But it should be able to insert new record. When I changed readonly = true I am not able to insert new values. How is it possible. Anybody can help.
Thanks
Ben

Grid

answered on 05 Aug 2011

6 answers

184 views

On Demand RadTab strip display multiple pages in single tab

Hi,

i am using Ondemand TabStrip control. when i click on one tab multiple pages display on single tab.

looking forward to your response.

Regards

TabStrip

answered on 05 Aug 2011

0 answers

87 views

WIndow title height too large

Hi,

I am using Radwindoemanager for alert , confirm and prompt, I want to customize window look using custom skin. I had set
Skin = abc
EnableEmbeddedSkins = false
EnableEmbeddedBaseStylesheet = false.

I have added stylesheet at end of message

Since I have set (EnableEmbeddedSkins = false
EnableEmbeddedBaseStylesheet = false. ) I am getting following issues.
Specially it is more visible in IE8.

1. Header height is more. I tried setting height and removing padding and margin. There is large offset in this element (RadWindow_abc .rwTitlebarControls .tbody .tr. td (2nd ))

.RadWindow_abc .rwTitlebarControls
.RadWindow_abc .rwTitlebarControls .tbody .tr. td

How to remove it?

2. There is no gap in buttons (ok, cancel). how to resolve it?

3. Can I apply style 'a' to 'Ok' and style 'b'' to "Cancel'

Please reply asap.

Thanks &Regards
Parag

styles used

/* RadWindow for ASP.NET AJAX Outlook Skin */

/* Window Background */

/* Horiznotal */
.RadWindow_abc .rwTopLeft,
.RadWindow_abc .rwTopRight,
.RadWindow_abc .rwTitlebar,
.RadWindow_abc .rwFooterLeft,
.RadWindow_abc .rwFooterRight,
.RadWindow_abc .rwFooterCenter,
.RadWindow_abc .rwTopResize,
.RadWindow_abc .rwStatusbar div,
.RadWindow_abc .rwStatusbar,
.RadWindow_abc.rwMinimizedWindow .rwCorner
{
   background-color: #3C7882 !important;
   background-image:none !important;
}

/* Vertical */
.RadWindow_abc .rwBodyLeft,
.RadWindow_abc .rwBodyRight,
.RadWindow_abc .rwStatusbarRow .rwCorner
{
   background-color: #3C7882 !important;
   background-image:none !important;
}

/* Window Shadows */

/* Horiznotal */
.RadWindow_abc .rwShadow .rwTopLeft,
.RadWindow_abc .rwShadow .rwTopRight,
.RadWindow_abc .rwShadow .rwTitlebar,
.RadWindow_abc .rwShadow .rwFooterLeft,
.RadWindow_abc .rwShadow .rwFooterRight,
.RadWindow_abc .rwShadow .rwFooterCenter,
.RadWindow_abc .rwShadow .rwTopResize,
.RadWindow_abc .rwShadow .rwStatusbar div,
.RadWindow_abc .rwShadow .rwStatusbar,
.RadWindow_abc .rwShadow .rwBodyLeft,
.RadWindow_abc .rwShadow .rwBodyRight,
.RadWindow_abc .rwShadow .rwStatusbarRow .rwBodyLeft,
.RadWindow_abc .rwShadow .rwStatusbarRow .rwBodyRight
{
   background-color: #3C7882;
   background-repeat:repeat;
   background-image:none;
}

/* Vertical */
.RadWindow_abc .rwShadow .rwBodyLeft,
.RadWindow_abc .rwShadow .rwBodyRight,
.RadWindow_abc .rwShadow .rwStatusbarRow .rwBodyLeft,
.RadWindow_abc .rwShadow .rwStatusbarRow .rwBodyRight
{
   background-color: #3C7882;
   background-repeat:no-repeat;
   background-image:none;
}

/* Shadows End */

.RadWindow_abc .rwStatusbar input
{
    background-color: #f7f3e9;
}

div.RadWindow_abc .rwControlButtons
{
    float:right !important;
}

div.RadWindow_abc .rwControlButtons .rwCloseButton
        {
            background-image: url('Window/CommandButtonSprites.gif');

        }

.RadWindow_abc .rwControlButtons a {
    overflow: hidden;
    text-align: center;
    text-indent: -3333px;
    background-repeat: no-repeat;
    cursor: default;
    display: block;
    font-size: 1px;
    height: 21px;
    line-height: 1px;
    outline: medium none;
    text-decoration: none;
    width: 30px;
}
/*
.RadWindow_abc .rwControlButtons .rwCloseButton {
    overflow: hidden;
    text-align: center;
    text-indent: -3333px;
}*/

.RadWindow_abc .rwCloseButton {
    background-position: -90px 0;
}

div.RadWindow_abc .rwTitlebarControls em
{
   color: black;
}

.RadWindow_abc .rwTitlebarControls
{
   /* height:25px !important; */
   width:100% !important;
   margin: 0 0 0 !important;
    padding: 0 0 0 !important;
}

div.RadWindow_abc .rwDialogInput
{
   border-top: solid 1px #abadb3;
   border-right: solid 1px #dbdfe6;
   border-bottom: solid 1px #e3e9ef;
   border-left: solid 1px #e2e3ea;
}

div.RadWindow_abc .rwDialogInput:hover
{
   border-top: solid 1px #5794bf;
   border-right: solid 1px #b7d5ea;
   border-bottom: solid 1px #c7e2f1;
   border-left: solid 1px #c5daed;
   color: #565656;
}

.RadWindow_abc td.rwWindowContent
{
    background-color: #fff;
}

/* Loading Indicators */
div.RadWindow_abc tr td.rwLoading
{
    background-color: #e2ecfc;
}

/* When ShowContentDuringLoad="true" */
.RadWindow_abc td.rwWindowContent.rwLoading
{
    background-image: url('Common/loading.gif');
}

/* When ShowContentDuringLoad="false" */
.RadWindow_abc input.rwLoading
{
    background-image: url('Common/loading_small.gif');
}

/* Shadow Control Buttons */

/* .RadWindow_abc .rwShadow .rwControlButtons
{
   margin: 5px -2px 0 0;
}

.RadWindow_abc .rwShadow .rwControlButtons
{
   margin: 5px -1px 0 0\9;
}*/

/* ctrl buttons when winodw is minimized */
.RadWindow_abc.rwMinimizedWindowShadow .rwShadow .rwControlButtons
{
   margin: 9px -8px 0 0;
}

/* Icon when winodw is minimized */
.RadWindow_abc.rwMinimizedWindowShadow .rwShadow .rwIcon
{
   margin: 9px 6px 0 0;
}

/*title buttons when winodw is minimized */
.RadWindow_abc.rwMinimizedWindowShadow .rwShadow em
{
   margin: 4px 0 0 -1px;
}

/*
.RadWindow_abc .rwShadow .rwControlButtons li
{
   float: left;
   padding: 0;
}

.RadWindow_abc .rwShadow .rwControlButtons a
{
   width: 28px;
}*/

.RadWindow_abc .rwTopLeft, .RadWindow .rwTopRight,
.RadWindow_abc .rwFooterLeft,
.RadWindow_abc .rwFooterRight,
.RadWindow_abc .rwFooterCenter {
   display:none;
}

.RadWindow_abc .rwTopLeft,
.RadWindow_abc .rwTopRight,
.RadWindow_abc .rwBodyLeft,
.RadWindow_abc .rwBodyRight
{
   display:none;
}

.RadWindow_abc .rwCorner .rwBodyLeft,
.RadWindow_abc .rwCorner .rwBodyRight
{
    display:none;
}

div.RadWindow_abc table.rwTable
{
   border-top: solid 1px #3C7882;
   border-right: solid 1px #3C7882;
   border-bottom: solid 1px #3C7882;
   border-left: solid 1px #3C7882;
   border-radius: 8px;

    -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
}

.RadWindow_abc .rwWindowContent .radalert
{
    background-image: none !important;
}

.RadWindow_abc .rwWindowContent .radconfirm
{
    background-image: none !important;
}

/* Conetent message remove image */
.RadWindow_abc .rwWindowContent .radprompt
{
    background-image: none !important;
}

.RadWindow_abc .rwDialogPopup {
    cursor: default !important;
    margin: 0 !important;
    padding-top: 15px !important;
    padding-right : 15px !important;
    padding-bottom: 0 !important;
    padding-left:12px !important;
}

.RadWindow_abc .rwDialogText {
    color: #666666;
    font-size: 12px;
    font-family: Arial;
    text-align: left;
}

/*popup buttons */

div.RadWindow_abc .rwWindowContent a.rwPopupButton,
        div.RadWindow_abc .rwWindowContent a.rwPopupButton:hover
        {
            display: block;
            height: 25px;
            line-height: 25px;
            text-align: center;
            border-style:solid;
            border-width:2px;
            overflow: hidden;
            border-top-color:#3B7781;
            border-bottom-color:#305F67;
            border-left-color:#376F79;
            border-right-color:#366D78;
            background: #E0E0E0 0 0px repeat-x url(Button/ButtonSprites.png);
            outline: none;
            cursor: auto;
            border-radius: 8px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            padding:0 12px;

        }

        div.RadWindow_abc .rwWindowContent a.rwPopupButton:hover
        {
            background-color: #c5c5c5;
        }

        div.RadWindow_abc .rwPopupButton span
        {
            height: 25px;
            line-height: 25px;
        }

        .RadWindow_abc .rwPopupButton span,
        .RadWindow_abc .rwPopupButton:hover span
        {
            background-image:none !important;
        }

/**/
.RadWindow_abc .rwDialogPopup .rwPopupButton,
.RadWindow_abc .rwDialogPopup .rwPopupButton span {
    display: block;
    float: right !important;
    vertical-align:bottom !important;
}

/*
.RadWindow_abc .rwWindowContent .rwPopupButton
{
   display: block;
   height: 25px;

   text-align: center;
   border-style:solid;
   border-width:2px;
   overflow: hidden;
   border-top-color:#3B7781;
   border-bottom-color:#305F67;
   border-left-color:#376F79;
   border-right-color:#366D78;
   background: #E0E0E0 0 0px repeat-x url(Button/ButtonSprites.png);
   outline: none;
   cursor: auto;
   border-radius: 8px;
    -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   padding:0 12px;


}

.RadWindow_abc .rwWindowContent .rwPopupButton:hover
{
    background-color: #c5c5c5;
}

.RadWindow_abc .rwPopupButton span,
.RadWindow_abc .rwPopupButton:hover span
{
    background-image:none !important;

}*/

/* Title */

.RadWindow_abc .rwTitleRow em {
    color: #FFF !important;
    font-family: Arial !important;
    font-size: 16px !important;
    font-weight:bold !important;
    /*overflow: hidden;*/
    padding: 5px 0 0 1px !important;
    white-space: nowrap;
   line-height: 24px !important;
   margin:0 !important;
       vertical-align:top;
        top :0;
       left:0;



}

.RadWindow_abc .rwTitlebarControls
{
    height:24px !important;
     padding : 0 0 0 0px !important;
       margin: 0 0 0 0px !important;
       background-color: Blue !important;

}

/*
.RadWindow_abc a.rwIcon
{
    background-image: none !important;
}

.RadWindow_abc a.rwIcon
{
   background-image: none repeat scroll 0 0 #3C7882;
}
*/

div.RadWindow_abc .rwIcon
{
    display: none;
}

Window

asked on 05 Aug 2011

2 answers

114 views

Using AjaxSetting cause Page_Load event fire when back from another page

Dear All,

To avoid page refreshing I used RadAjaxManager and Add AjaxSetting but if I use like this when I back('back' button from browser) from another page all data I have filled in textbox, selected in combobox are disappear and Page_load event is firing.
If not using AjaxSetting, when user use back button from browser, Page_load is not fire and data are remain as user filled.
I want to use Ajaxsetting to prevent page refresh and when using browser back button data should remain(page_load should not fire).
Please advise how can I?

Thanks and best regards

Ajax

answered on 05 Aug 2011

1 answer

81 views

Rebind RadRotator inside RadListView

Hi

I have RadRotator inside EditItemTemplate of RadListView. It is used for inserting images into items.
I also need implement possibility to filter rotator's images by text pattern. Filter requires roundtrip to server.
So I decided to put RadRotator inside UpdatePanel and to call __doPostback on key pressing in search textbox.
But I can't rebind Rotator on Postback to show new image collection. Even when its datasource contains new data,
Rotator shows initial collection of images.

I create RadListView in full programmatic way. In EditItemTemplate constructor I put actual data and then instantiate rotator, but
Rotator always show first data.

I have simple test app here which demonstrate problem. After pressing Edit button and typing some text in search field we can see only
how rotator blinks and images are not affected.

My QuoteHotelItemEditTemplate implements IBindableTemplate interface and creates UpdatePanel with Rotator ctrl in InstantiateIn method.
There I also assign data to Rotator's DataSource.
Debugger show that Rotator binds to new data source on PostBack but page renders old result.
Sorry for disturbing but please help me.

PS:
I'm using Telerik 2011 Q1.

Rotator

answered on 05 Aug 2011

1 answer

90 views

<InvalidStyle> ignored

Why is my <InvalidStyle> tag being ignored on all of my RadControls? It insists on using the default. Version 2011.2.712.40

ASP.Net snippet

<telerik:RadTextBox ID="txtFirstName" CausesValidation="true" EmptyMessage="Enter First Name"

MaxLength="100" runat="server" SelectionOnFocus="SelectAll" AutoCompleteType="FirstName" Width="240px">

<InvalidStyle CssClass="input_box_error" />

</telerik:RadTextBox>

CSS class I want applied (namely, custom bg image)

.input_box_error {

background-color: #FCF7F7;

color:#333;

border: 1px solid #990000;

Background-image: url(web_images/icon_input_error.png);

background-position:right;

}

Javascript validation method

function validateFirstName(sender, args) {

var tb = $find("<%= txtFirstName.ClientID %>");

if (tb.get_value() == "") {

tb._invalid = true;

tb.updateCssClass();

args.IsValid = false;

}

else {

tb._invalid = false;

tb.updateCssClass();

args.IsValid = true;

}

The default style that's being applied:

html body .RadInput_Default .riError, html body .RadInput_Error_Default

{

border-top-color: #d51923;

border-right-color-value: #d51923;

border-bottom-color: #d51923;

border-left-color-value: #d51923;

border-left-color-ltr-source: physical;

border-left-color-rtl-source: physical;

border-right-color-ltr-source: physical;

border-right-color-rtl-source: physical;

background-color: #ffffff;

background-image: url(

"WebResource.axd?d=Pl-AEyM6jqu8ijnVblcTiccZs9g-fx3RblQsV5LQ2xg8VP_Hxt2xcHsDuXiwDfB8GPPz5PpcKKZImQCrk72Jq3nUpEh_RIWAGLrotZeEzHhmO1hmMkfKXxD79gitj70HcRZKnaksvfXoqOK93XI3ITGi1zI1&t=634459979340000000"

);

background-repeat: no-repeat;

background-attachment: scroll;

background-position: 100% -298px;

background-clip: border-box;

background-origin: padding-box;

background-size: auto auto;

color: #d51923;

}

General Discussions