Questions on UI for ASP.NET AJAX Forum

110,741 questions

1 answer

38 views

hi
I have problem in radeditor.
when i write in it and click enter write <br > but i want write<br />
please help me how to solv it
thanks

Editor

answered on 30 Mar 2012

1 answer

121 views

RadMenu - submenu align center in horizontal floe

Hello,

I am trying to modify RadMenu so that the submenu flow is horizontal . I have 3 levels in the menu. Flow at all 3 levels is set to horizontal.

Below is how I have the menu currently. ( when the MenuItem6 is expanded)

MenuItem1 MenuItem4 MenuItem5 MenuItem6 MainMenuItem7
Item6SubItem1 Item6SubItem2 Item6SubItem3

I want the submenu to be aligned center. Below is the desired result.

MenuItem1 MenuItem4 MenuItem5 MenuItem6 MainMenuItem7
Item6SubItem1 Item6SubItem2 Item6SubItem3

Please let me know how the submenu can be aligned center .

Thanks,

answered on 30 Mar 2012

1 answer

80 views

loss tag when load data into editor

hi
i use from RadEditor
when i insert code into tab HTML i meet to problem
my problem is in use from <div>
for example when i write this code in tab HTML :
<div id="1">
1111111111111111111111111
</div>

<div id="2">
2222222222222222222222222
</div>

<div id="3">
3333333333333333333333333
</div>

<div id="4">
4444444444444444444444444
</div>
and store it in database and when i'll edit it and again load it in editor i Loss first div , namely in tab HTML is below like :
1111111111111111111111111
<div id="2">
2222222222222222222222222
</div>
<div id="3">
3333333333333333333333333
</div>
<div id="4">
4444444444444444444444444</div>

please help me it's urgent
thanks

Editor

answered on 30 Mar 2012

1 answer

103 views

Inconsistent rendering of labels on controls

I'm using the label attribute on controls to display the labels rather than having to define a table with a label object then the control object. It seems that they don't render correctly or not at all.

In the example below I have a radtextbox, radcombobox, and a datepicker. When the page renders the combobox displays the label but is indented a few pixes to the right. The label for a datepicker does not work at all.

Are these bugs or am I using them incorrectly?

@ Page Language="C#" AutoEventWireup="true" CodeBehind="testpage.aspx.cs" Inherits="GEPApps.testpage" %>

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

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

.formlabel {

display: block; /* block float the labels to left column, set a width */

float : left;

width: 140px;

padding: 0;

margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */

text-align: right;

}

.formEntry {

margin:5px 0 0 10px;
}

}

style>

</head>

<body>

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

<div>

<br />

<telerik:RadTextBox ID="txt_city" runat="server" Width="300px" CssClass="formEntry" Label="City:" LabelCssClass="formlabel" />

<br />

<telerik:RadComboBox ID="cmb_countries" runat="server" AutoPostBack="true" CssClass="formEntry" Label="Country:" LabelCssClass="formlabel" Height="140px" Width="250px" MarkFirstMatch="true" CausesValidation="false"></telerik:RadComboBox>

<br />

<telerik:RadDatePicker runat="server" ID="cal_ExportDate" DateInput-Label="Date:" CssClass="formEntry" >

</telerik:RadDatePicker>

</div>

</form>

</body>

</html>

General Discussions

answered on 30 Mar 2012

1 answer

38 views

RadEditor in Mozilla Firefox doesn't preserve new line>

Hello,

I have issue with RadEditor in Mozilla Firefox browser. When I press 'enter' button in Design mode then new line is lost. Please give solution for it

General Discussions

answered on 30 Mar 2012

3 answers

204 views

RadSplitBar width issue

Hi,
I have a RadSplitter which contain RadSplitBar1. I set width for RadSplitBar but the problem is width is not affecting . Please help
Thanks in Advance
Jesmon Joseph

Splitter

answered on 30 Mar 2012

4 answers

380 views

Radcaptcha refresh image causes invalid postback or callback argument..

Hi there,
I have two textboxes and a Button in my aspx page..I have dynamically create a radcaptcha with enablerefreshimage=true in Onint event...I have to do some stuff in my button click..After clicking "Get New Image" link,unknown error occured after I clicked my Button..But everything was fine without clicking "Get new Image"..Here is the error,,

Invalid postback or callback argument. Event validation is enabled using in configuration or <%@ Page EnableEventValidation="true" %>in a page. For security purposes, this feature verifies that arguments to postback or callback events originate from the server control that originally rendered them. If the data is valid and expected, use the ClientScriptManager.RegisterForEventValidation method in order to register the postback or callback data for validation

Here is my code,,

<table>

<tr>

<td ><asp:TextBox ID="tb1" Width="300" runat="server"></asp:TextBox>

</td>

</tr>

<tr>

<td >

<asp:TextBox ID="tb2" Width="300" runat="server"></asp:TextBox>

</td>

</tr>

<tr>

<td> <asp:Panel ID="pnlCaptcha" runat="server">

</asp:Panel>

</td>

</tr>

<tr>

<td align="center">

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

Text="Type the above code in text box"></asp:Label>

</td>

</tr>

<tr>

<td align="center">

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

</td>

</tr>

<tr>

<td>

<asp:Button ID="btnEnroll" runat="server" ValidationGroup="vgAudio" Text="Enroll"

OnClientClick="this.disabled=true" Visible="false" OnClick="btnEnroll_Click"

UseSubmitBehavior="false" /><br />

</td>

</tr>

</table>

Backend Code::

protected override void OnInit(EventArgs e)

{

base.OnInit(e);

RadCaptcha radCaptch = new RadCaptcha();

radCaptch.ID = "RadCaptcha1";

radCaptch.ValidationGroup = "vgAudio";

radCaptch.ValidatedTextBoxID = TextBox1.ID;

radCaptch.EnableRefreshImage = true;

radCaptch.CaptchaImage.RenderImageOnly = true;

radCaptch.ForeColor = Color.Red;

radCaptch.Attributes.Add("meta:resourcekey", "radCaptchaResource1");

radCaptch.ErrorMessage = "Please type the valid code";

//Add the captcha to panel

pnlCaptcha.Controls.Add(radCaptch);

}

protected void btnEnroll_Click(object sender, EventArgs e)

{

//Do some stuff

}

What mistake I have done in the above code...

Thanks,
S.Suresh

Captcha

answered on 30 Mar 2012

1 answer

168 views

Mega Drop Down menu issue

Hi,

I'm trying to implement the Mega Drop Down menu and in the same page display a RadGrid allowing filtering in the columns. It appears there is a bug in the Mega Drop Down, since filtering stop working in the RadGrid as soon I add the Mega Drop Down control. If I comment the Mega Drop Down code the RadGrid control works perfectly.

I use Q1 2012 version

Any clue??

Mega Drop Down code

<div id="MegaDropDown">

<script type="text/javascript">

function itemOpened(s, e) {

if ($telerik.isIE8) {

// Fix an IE 8 bug that causes the list bullets to disappear (standards mode only)

$telerik.$("li", e.get_item().get_element()).each(function () {

this.style.cssText = this.style.cssText;

});

}

</script>

<telerik:RadMenu runat="server" ID="RadMenu1" Skin="Sitefinity" OnClientItemOpened="itemOpened"

Width="590px" Height="50px" EnableShadows="true">

<Items>

<telerik:RadMenuItem Text="Products" PostBack="false">

<Items>

<telerik:RadMenuItem CssClass="Products" Width="640px">

<ItemTemplate>

<div id="CatWrapper" class="Wrapper" style="width: 435px;">

<h3>

Categories</h3>

<telerik:RadSiteMap ID="RadSiteMap1" runat="server" Skin="Hay" EnableTextHTMLEncoding="true">

<LevelSettings>

<telerik:SiteMapLevelSetting Level="0">

<ListLayout RepeatColumns="3" RepeatDirection="Vertical" />

</telerik:SiteMapLevelSetting>

</LevelSettings>

<Nodes>

<telerik:RadSiteMapNode NavigateUrl="#" Text="Furniture">

<Nodes>

<telerik:RadSiteMapNode NavigateUrl="#" Text="Tables & Chairs" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Sofas" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Occasional Furniture" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Childerns Furniture" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Beds" />

</Nodes>

</telerik:RadSiteMapNode>

<telerik:RadSiteMapNode NavigateUrl="#" Text="Decor">

<Nodes>

<telerik:RadSiteMapNode NavigateUrl="#" Text="Bed Linen" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Throws" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Curtains & Blinds" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Rugs" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Carpets" />

</Nodes>

</telerik:RadSiteMapNode>

<telerik:RadSiteMapNode NavigateUrl="#" Text="Storage">

<Nodes>

<telerik:RadSiteMapNode NavigateUrl="#" Text="Wall Shelving" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Kids Storage" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Baskets" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Multimedia Storage" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Floor Shelving" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Toilet Roll Holders" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Storage Jars" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Drawers" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Boxes" />

</Nodes>

</telerik:RadSiteMapNode>

<telerik:RadSiteMapNode NavigateUrl="#" Text="Lights">

<Nodes>

<telerik:RadSiteMapNode NavigateUrl="#" Text="Ceiling" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Table" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Floor" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Shades" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Wall Lights" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Spotlights" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Push Light" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="String Lights" />

</Nodes>

</telerik:RadSiteMapNode>

</Nodes>

</telerik:RadSiteMap>

</div>

<div id="FeatProduct">

<h3>

Featured</h3>

<img src="Img/lamp.jpg" alt="Deco Mirror Table Lamp - $ 24.99" width="128px" height="150px" />

<p>

Deco Mirror Table Lamp

<br />

<span class="price">$ 24.99</span></p>

</div>

</ItemTemplate>

</telerik:RadMenuItem>

</Items>

</telerik:RadMenuItem>

<telerik:RadMenuItem Text="Stores" PostBack="false">

<Items>

<telerik:RadMenuItem CssClass="Stores" Width="640px">

<ItemTemplate>

<div id="StoreWrapper" class="Wrapper">

<h3>

Around the Globe</h3>

<img id="world" src="Img/world.gif" width="355" height="210" usemap="#m_world" alt="world" />

<map name="m_world" id="m_world">

<area shape="circle" coords="309,171, 5" href="#" alt="New Zealand" />

<area shape="circle" coords="278,153, 5" href="#" alt="Australia" />

<area shape="circle" coords="272,116, 5" href="#" alt="Philippines" />

<area shape="circle" coords="255,128, 5" href="#" alt="Malaysia" />

<area shape="circle" coords="234,105, 5" href="#" alt="India" />

<area shape="circle" coords="200,98, 5" href="#" alt="Middle East" />

<area shape="circle" coords="173,80, 5" href="#" alt="Europe" />

<area shape="circle" coords="161,73, 5" href="#" alt="United Kingdom" />

<area shape="circle" coords="85,91, 5" href="#" alt="United States" />

<area shape="circle" coords="80,73, 5" href="#" alt="Canada" />

</map>

<telerik:RadSiteMap ID="RadSiteMap2" runat="server" Skin="Hay" Width="250px" Style="padding-top: 30px;"

EnableTextHTMLEncoding="true">

<LevelSettings>

<telerik:SiteMapLevelSetting Level="0">

<ListLayout RepeatColumns="2" RepeatDirection="Vertical" />

</telerik:SiteMapLevelSetting>

</LevelSettings>

<Nodes>

<telerik:RadSiteMapNode>

<Nodes>

<telerik:RadSiteMapNode NavigateUrl="#" Text="Australia" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Canada" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Europe" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="India" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Malaysia" />

</Nodes>

</telerik:RadSiteMapNode>

<telerik:RadSiteMapNode>

<Nodes>

<telerik:RadSiteMapNode NavigateUrl="#" Text="Middle East" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="New Zealand" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="Philippines" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="United Kingdom" />

<telerik:RadSiteMapNode NavigateUrl="#" Text="United States" />

</Nodes>

</telerik:RadSiteMapNode>

</Nodes>

</telerik:RadSiteMap>

<a class="moreLink" href="#">See full list »</a>

</div>

</ItemTemplate>

</telerik:RadMenuItem>

</Items>

</telerik:RadMenuItem>

<telerik:RadMenuItem Text="News" PostBack="false">

<Items>

<telerik:RadMenuItem CssClass="News" Width="640px">

<ItemTemplate>

<div id="NewsWrapper" class="Wrapper">

<h3>

Latest News</h3>

<div class="newsLeft">

<img src="Img/interior.png" alt="news" />

<h2>

<a href="#">Kelly Hoppen to speak at interiors 2010</a></h2>

<span>01/02/2010</span>

<p>

Internationally acclaimed British interior designer, Kelly Hoppen, will present

a seminar at interiors 2010 on Wednesday 27th January. Kelly’s reputation for simple

but opulent styling has ...</p>

</div>

<table cellspacing="0" cellpadding="0" width="290px">

<tr>

<td>

<span>02/02/2010</span>

</td>

<td>

<a href="#" class="newsLink">PANTONE Color Report Fall 2010</a><br />

In conjunction with New York Fashion Week, Pantone today released the PANTONE Fashion

Color Report Fall 2010 ...

</td>

</tr>

<tr>

<td>

<span>03/02/2010</span>

</td>

<td>

<a href="#" class="newsLink">Interiors 2010 reports great business</a><br />

Interiors 2010, the first and largest dedicated UK ...

</td>

</tr>

<tr>

<td>

<span>04/02/2010</span>

</td>

<td>

<a href="#" class="newsLink">San Francisco Design Week 2010</a><br />

The mission of Design Week raise public awareness of Design ...

</td>

</tr>

<tr>

<td>

<span>05/02/2010</span>

</td>

<td>

<a href="#" class="newsLink">Travel + Leisure 2010 Design Award Winners</a><br />

The most outstanding new examples of design and architecture ...

</td>

</tr>

</table>

<a class="moreLink" href="#">View all »</a>

</div>

</ItemTemplate>

</telerik:RadMenuItem>

</Items>

</telerik:RadMenuItem>

<telerik:RadMenuItem Text="Events" PostBack="false">

<Items>

<telerik:RadMenuItem CssClass="Events" Width="640px">

<ItemTemplate>

<div id="EventWrapper" class="Wrapper">

<h3>

Industry Events</h3>

<div class="newsLeft">

<img src="Img/events.jpg" alt="events" />

<h2>

<a href="#">International Furniture Fair Tokyo (IFFT)</a></h2>

<span>10/02/2010</span>

<p>

Furniture design event inaugurated in 1979 featuring furniture and interior design

exhibitors from all over the world.</p>

</div>

<table cellspacing="0" cellpadding="0" width="290px">

<tr>

<td>

<span>01/02/2010</span>

</td>

<td>

<a href="#" class="eventLink">International Interior & Furniture Exhibition (IFEX)</a>

</td>

</tr>

<tr>

<td>

<span>02/02/2010</span>

</td>

<td>

<a href="#" class="eventLink">Australian International Furniture Fair </a>

</td>

</tr>

<tr>

<td>

<span>03/02/2010</span>

</td>

<td>

<a href="#" class="eventLink">Las Vegas Furniture Show </a>

</td>

</tr>

<tr>

<td>

<span>04/02/2010</span>

</td>

<td>

<a href="#" class="eventLink">Home Fashion & Design Shanghai</a>

</td>

</tr>

<tr>

<td>

<span>05/02/2010</span>

</td>

<td>

<a href="#" class="eventLink">imm cologne </a>

</td>

</tr>

<tr>

<td>

<span>06/02/2010</span>

</td>

<td>

<a href="#" class="eventLink">Malaysian International Furniture Fair </a>

</td>

</tr>

<tr>

<td>

<span>07/02/2010</span>

</td>

<td>

<a href="#" class="eventLink">Salon du Meuble de Paris </a>

</td>

</tr>

<tr>

<td>

<span>08/02/2010</span>

</td>

<td>

<a href="#" class="eventLink">ICFF: International Contemporary Furniture Fair</a>

</td>

</tr>

</table>

<a class="moreLink" href="#">View all »</a>

</div>

</ItemTemplate>

</telerik:RadMenuItem>

</Items>

</telerik:RadMenuItem>

<telerik:RadMenuItem Text="Catálogos" PostBack="false">

<Items>

<telerik:RadMenuItem CssClass="Producst">

<ItemTemplate>

<div id="CatWrapper" class="Wrapper">

<h3>

Catálogos</h3>

<telerik:RadSiteMap ID="RadSiteMapCatalogos" runat="server" Skin="Hay" DataSourceID="ObjectDataSource1"

DataFieldID="ID" DataFieldParentID="ParentID" DataTextField="Text" DataNavigateUrlField="URL"

EnableTextHTMLEncoding="true">

<LevelSettings>

<telerik:SiteMapLevelSetting Level="0">

<ListLayout RepeatColumns="2" RepeatDirection="Vertical" />

</telerik:SiteMapLevelSetting>

</LevelSettings>

</telerik:RadSiteMap>

</div>

</ItemTemplate>

</telerik:RadMenuItem>

</Items>

</telerik:RadMenuItem>

</Items>

</telerik:RadMenu>

</div>

RadGrid code:

<telerik:RadGrid ID="RadGrid1" runat="server"

GridLines="None" AllowFilteringByColumn="True" AllowPaging="True" AllowSorting="True"

DataSourceID="ObjectDataSource1" ShowGroupPanel="True" Width="600px">

<ExportSettings OpenInNewWindow="True" ExportOnlyData="true" IgnorePaging="true">

<Excel Format="ExcelML" />

</ExportSettings>

<ClientSettings AllowDragToGroup="True">

</ClientSettings>

<MasterTableView DataSourceID="ObjectDataSource1" CommandItemDisplay="Top">

<CommandItemSettings ShowExportToExcelButton="true" ShowAddNewRecordButton="False" />

<RowIndicatorColumn>

<HeaderStyle Width="20px"></HeaderStyle>

</RowIndicatorColumn>

<ExpandCollapseColumn>

<HeaderStyle Width="20px"></HeaderStyle>

</ExpandCollapseColumn>

<EditFormSettings>

<EditColumn CancelImageUrl="Cancel.gif" EditImageUrl="Edit.gif" InsertImageUrl="Update.gif"

UpdateImageUrl="Update.gif">

</EditColumn>

</EditFormSettings>

</MasterTableView>

<FilterMenu EnableEmbeddedSkins="False">

</FilterMenu>

<HeaderContextMenu EnableEmbeddedSkins="False">

</HeaderContextMenu>

</telerik:RadGrid>

<asp:ObjectDataSource ID="ObjectDataSource1" runat="server" SelectMethod="getCampus"

TypeName="WebApplication_Test.Test"></asp:ObjectDataSource>

answered on 30 Mar 2012

2 answers

81 views

Chart custom skin

hi Guys,

I read the below link for creating custom skin for chart

http://www.telerik.com/help/aspnet-ajax/introduction-create-custom-skin.html

In the below link i am not able to see new skin for chart

http://stylebuilder.telerik.com/New.aspx

Can you please guide me

in the below link i saw some static skin only it is available ?

http://demos.telerik.com/aspnet-ajax/chart/examples/skinning/bars/defaultcs.aspx

Karthik.K

Chart (Obsolete)

answered on 30 Mar 2012

6 answers

70 views

LoadingPanel Issue

Hi Guys

Below is my code
My loading panel is not working
Can you guys correct me where i did mistake

<script type="text/javascript">
            function showLoader() {
                var loadingPanel = $find('<%=loadingPanel.ClientID %>')
                var form = '<%=form.ClientID %>';
                loadingPanel.show(form);
            }
</script>

<telerik:RadAjaxLoadingPanel ID="loadingPanel" runat="server" Skin="Vista">
    </telerik:RadAjaxLoadingPanel>

<asp:Button ID="uploadAction" CommandName="upload" OnClientClick="showLoader();" Text="{:Upload}" runat="server"></asp:Button>

Karthik.K

Ajax

answered on 30 Mar 2012

Top users last month