This is a migrated thread and some comments may be shown as answers.

[Solved] Dropdownlist not decorated

1 Answer 84 Views

FormDecorator

This is a migrated thread and some comments may be shown as answers.

Radoslav asked on 20 May 2013, 08:18 AM

Hi,

This will be easy for you. I have created a very simple asp.net web page with a few various controls including Telerik dropdownlist and I want all of them to be "decorated" by FormDecorator control. All controls are decorated now except the dropdownlist which looks exactly the same as before "decoration".

<body>

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

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

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" Height="200px" Width="300px">

<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All" DecorationZoneID="zone" />

<div id="zone" class="formRow" style="border: 0;">

<telerik:RadDropDownList ID="RadDropDownList1" runat="server"

DataSourceID="sqlDS_Culture" DataTextField="LocalizationDesc"

DataValueField="LocalizationID">

</telerik:RadDropDownList>

<asp:SqlDataSource ID="sqlDS_Culture" runat="server"

ConnectionString="<%$ ConnectionStrings:EStoreConnectionString %>"

SelectCommand="Localization_Get" SelectCommandType="StoredProcedure">

</asp:SqlDataSource>

<table>

<telerik:RadListView ID="RadListView1" runat="server" DataKeyNames="ID" ItemPlaceholderID="CityItemsHolder" OnPreRender="RadListView1_PreRender" >

<LayoutTemplate>

<telerik:RadTextBox ID="RadTextBox1" runat="server" Text="test">

</telerik:RadTextBox>

<fieldset style="width: 300px;">

<legend>Cities</legend>

<asp:Panel ID="CityItemsHolder" runat="server">

</asp:Panel>

</fieldset>

</LayoutTemplate>

<ItemTemplate>

<tr>

<td></td>

<td style="text-align: left;">

<asp:LinkButton ID="lbnDeliveryType2Select" runat="server"

><%# eGlobalization.GetGlobalResourceObject("Localization", "DeliveryType_" & CType(Container.DataItem, eDelivery).ID).ToString%></

asp:LinkButton>

</td>

<td style="text-align: right;">

<%# FormatPrice(CType(Container.DataItem, eDelivery).Price)%>

</td>

</tr>

</ItemTemplate>

<SelectedItemTemplate>

<tr>

<td>x</td>

<td style="text-align: left;">

<asp:LinkButton ID="lbnDeliveryType2Select" runat="server"

><%# eGlobalization.GetGlobalResourceObject("Localization", "DeliveryType_" & CType(Container.DataItem, eDelivery).ID).ToString%></

asp:LinkButton>

</td>

<td style="text-align: right;">

<%# FormatPrice(CType(Container.DataItem, eDelivery).Price)%>

</td>

</tr>

</SelectedItemTemplate>

<ItemSeparatorTemplate>

<span style="color: Olive; font-weight: bold;"> :: </span>

</ItemSeparatorTemplate>

</telerik:RadListView>

</table>

</div>

</telerik:RadAjaxPanel>

</form>

</body>

Thanks for your suggestions,
Radoslav

1 Answer, 1 is accepted

answered on 20 May 2013, 02:07 PM

Hi,

RadFormDecorator can style various elements: Buttons, CheckBoxes, TextBox, RadioButtons, Fieldset, Textarea, etc. It finds for example an input of type button or ASP button and decorates it. However, Telerik RadDropDown list is not a form element. It is a separate control that has nothing to do with the RadForm Decorator decoration. If you want to decorate similar control, you should use HTML Select or ASP:Dropdown elements.

Regards,
Bozhidar
the Telerik team

Explore the entire set of ASP.NET AJAX controls we offer here and browse the myriad online demos to learn more about the components and the features they incorporate.