Questions on UI for ASP.NET AJAX Forum

1 answer

122 views

Add new customize RadCalendar to a the RadDatePicker

Hello,

I would like to add a footer template to a calendar control and then to add the new calendar,
to a RadDatePicker control.
i need to do it in the code behind (not in the aspx page).
My problem is to combine between the calendar control and the datepicker control in the code behind.

example:
the following code i would like to pass to the code behind.

<telerik:RadDatePicker ID="RadDatePicker10" runat="server" Width="140px" Skin="Forest">

</div>

</HeaderTemplate>

</Calendar>

</telerik:RadDatePicker>

Thank you,
Oren

Calendar

answered on 04 Oct 2010

3 answers

137 views

[Solved] Best Control for Popup

Hi,

I need some advice on the best Telerik control to use.

I need a popup control that appears like a window that can appear dynamically and contain other server side controls. I thought the RadWindow control would work but it doesn't seem happy containing other asp controls. The other restriction is we have to use the telerik:RadScriptManager not the telerik:RadAjaxManager.

Any advice?

Thanks,

General Discussions

answered on 04 Oct 2010

5 answers

229 views

Radgrid while paging

Hello I get the following error when pressing the 'Next Page' or 'Last Page' buttons on my radgrid. Pressing the page numbers works fine increasing PageSize works fine as well, even pressing the '...' to move to the next group of pages works fine, sorting works fine too. I"m using advanced binding where I get the Datasource on the OnNeedDatasource event but only on if (IsPostBack), I do not call DataBind() NeedDatasource event. I only call DataBind() on the first PageLoad event because the grid loads with defaults the first time its rendered. I've set the enableEventValidation="false" but this just hides the exception the grid will still not move to the next group of pages. Using 2010 Q2 library.

Invalid postback or callback argument. Event validation is enabled using <pages enableEventValidation="true"/> 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.

Thanks

Grid

answered on 04 Oct 2010

2 answers

410 views

[Solved] How to display a RadWindow from the code behind

Hi,

I am using Telerik RadControls for ASP.NET AJAX Q2 2010 in my current project.

On one of the web pages there are 2 RadListBoxes (i.e. RadListBox1 and RadListBox2).

When the user transfers any items from RadListBox1 to RadListBox2, the web page will display a RadWindow containing a legal waiver statement with 2 buttons, OK and Cancel. If the user clicks on Cancel button, the transfer operation will be cancelled.

In order to do this, I need to display a RadWindows in RadListBox's event handler RadListBox_Transferring.

I could not find any samples on how to do this.

Can you please show me how to do the following:

1. display the RadWindow in the code behind RadListBox_Transferring

2. detect if the Cancel button is clicked on the RadWindow so that I can cancel the transfer operation (i.e. set e.Cancel to true).

The code is as follows:

ASPX:

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

<div>

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

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server">

<telerik:RadListBox ID="RadListBox1" AllowDelete="false" AllowReorder="false"

AllowTransfer="true" AutoPostBackOnTransfer="true" TransferMode="Move"

TransferToID="RadListBox2" OnTransferring="RadListBox_Transferring"

runat="server" />

<telerik:RadListBox ID="RadListBox2" AutoPostBackOnTransfer="true"

OnTransferring="RadListBox_Transferring" runat="server" />

</telerik:RadAjaxPanel>

</div>

<div>

<telerik:RadWindowManager ID="RadWindowManager1" ReloadOnShow="true"

ShowContentDuringLoad="false" runat="server" />

</div>

</form>

C#:

public partial class ListBoxes : Page

{

protected void Page_Load(object sender, EventArgs e)

{

if (!IsPostBack)

{

this.RadListBox1.Items.Add(new RadListBoxItem("Item1"));

this.RadListBox1.Items.Add(new RadListBoxItem("Item2"));

}

protected void RadListBox_Transferring(object sender, RadListBoxTransferringEventArgs e)

{

if (e.DestinationListBox.ID == "RadListBox2")

{

// Display RadWindow here

// If user clicks the cancel button then do "e.Cancel = true;"

}

Regards,

Herman

Window

answered on 04 Oct 2010

4 answers

313 views

[Solved] How to display a confirmation box when the user clicks the transfer buttons

Hi,

On one of the web pages in my current project, there are 2 RadListBoxes (RadListBox1 on the left and RadListBox2 on the right).

When the user clicks the buttons to transfer a single/multiple/all items from RadListBox2 to RadListBox1, I want to display a confirmation box displaying the message "Are you sure you want to continue?" and 2 buttons (OK/Yes and Cancel/No).

If the user clicks OK/Yes, then the transfer will be done. Otherwise if the user clicks Cancel/No, the transfer will be cancelled.

The screen shot of the web page is given on http://img31.imageshack.us/img31/9424/listboxes.jpg

I have checked the Telerik samples and forums but could not find anything.

Can I display this confirmation by adding a JavaScript confirm function to the buttons' onclick event handler?

If this is the correct solution, can you show me how to add a JavaScript confirm function to these buttons' onclick event handler?

Otherwise, can you please show me the correct way to display the confirmation box?

Regards,
Herman

ListBox

answered on 04 Oct 2010

5 answers

97 views

Slidingpane slides under content on firefox 2.5

Hi,
I have 2 splitters that on of them contains a sliding pane opens on the other splitter.
Its works well (opens on the content) under Explorer and Firefox 3.0+ but on the machines that will be needed to operate the system we have Slax machine with Firefox 2.5 and its showing the pane underneath the content.
Here is my code (sorry about the "****"):

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title>****</title>

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

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

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

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

<style type="text/css">

div#UniquesSplitter

{

float: left;

}

div#RadSplitter1

{

float: left;

}

</style>

<script type="text/javascript">

function onClicking(sender, eventArgs) {

var item = eventArgs.get_item();

var itemText = item.get_text();

var itemNavigate = item.get_navigateUrl();

if (itemText != "Search") {

eventArgs.set_cancel(true);

if (itemNavigate != "#") {

if (itemNavigate.startsWith("(UpdUrl)")) {

itemNavigate = itemNavigate.substring(8);

var strArr = itemNavigate.split(',');

}

else {

window.open(itemNavigate, itemText, null, null);

}

</script>

</head>

<body class="bodyStyle">

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

<input type="hidden" id="url" name="url" value="" />

<telerik:RadScriptManager runat="server" EnablePartialRendering="true">

</telerik:RadScriptManager>

<telerik:RadWindowManager ID="RadWindowManager1" runat="server">

<Windows>

<telerik:RadWindow ID="****" runat="server" ShowContentDuringLoad="True" Width="600px"

Height="400px" Title="****" Behaviors="Default">

</telerik:RadWindow>

<telerik:RadWindow ID="****" runat="server" ShowContentDuringLoad="True"

Width="600px" Height="400px" Modal="true" Behaviors="Close">

</telerik:RadWindow>

</Windows>

</telerik:RadWindowManager>

<table width="100%">

<tr>

<td>

<telerik:RadMenu ID="TopMenu" runat="server" DataFieldID="ID" DataFieldParentID="ParentID"

DataNavigateUrlField="URL" OnClientItemClicking="onClicking" DataTextField="Name"

Skin="WebBlue">

</telerik:RadMenu>

</td>

</tr>

<tr>

<td>

<telerik:RadSplitter ID="UniquesSplitter" runat="server" Height="1000px" ResizeWithBrowserWindow="true"

Orientation="Vertical">

<telerik:RadPane ID="EndPane" runat="server" Width="22" Scrolling="none">

<telerik:RadSlidingZone ID="Radslidingzone1" runat="server" Width="22" SlideDirection="Right">

<telerik:RadSlidingPane ID="Radslidingpane1" Title="My Results" BackColor="#dedede"

EnableDock="false" runat="server">

<asp:Literal ID="Literal1" runat="server"></asp:Literal>

</telerik:RadSlidingPane>

</telerik:RadSlidingZone>

</telerik:RadPane>

</telerik:RadSplitter>

<telerik:RadSplitter ID="RadSplitter1" LiveResize="false" VisibleDuringInit="false"

ResizeWithBrowserWindow="true" ResizeMode="Proportional" Width="94%" Height="1000px"

Orientation="Horizontal" runat="server">

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

<telerik:RadPane ID="****" Height="9%" Width="100%" runat="server">

<asp:UpdatePanel ID="UpdatePanel1" runat="server" ChildrenAsTriggers="false" UpdateMode="Conditional">

<ContentTemplate>

<AutoDialer:Control ID="****" runat="server" />

</ContentTemplate>

</asp:UpdatePanel>

</telerik:RadPane>

<telerik:RadSplitBar ID="TabsSplit" runat="server" CollapseMode="Both" />

<telerik:RadPane ID="TabStripPane" Height="89%" Width="100%" runat="server">

<div id="div" class="SetStyle">

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

ScrollButtonsPosition="Middle" SelectedIndex="0">

<Tabs>

<telerik:RadTab runat="server" PageViewID="*****" Text="****">

</telerik:RadTab>

<telerik:RadTab runat="server" PageViewID="****" Text="*****">

</telerik:RadTab>

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

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

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

<telerik:RadPageView ID="*****" runat="server" Width="100%">

<asp:UpdatePanel ID="UpdatePanel2" runat="server" ChildrenAsTriggers="true" UpdateMode="Conditional">

<ContentTemplate>

<Messages:YourMessage ID="*****" runat="server" />

<ContactDetails:ContactDetailsUserControl ID="****" runat="server" />

<ContactDetails:ApplicantDetails ID="****" runat="server" />

<ContactDetails:OrigUniqueDetails ID="****" runat="server" />

<ContactDetails:LastTransaction ID="****" runat="server" />

<ContactDetails:LeadDetails ID="****" runat="server" />

<ContactDetails:LeadHistoryUserControl ID="****" runat="server" />

</ContentTemplate>

</asp:UpdatePanel>

</telerik:RadPageView>

<telerik:RadPageView ID="****" runat="server" Width="100%">

<PaymentsDetails:PaymentsHistory ID="****" runat="server" />

</telerik:RadPageView>

</telerik:RadMultiPage>

</div>

</telerik:RadPane>

</telerik:RadSplitter>

</td>

</tr>

</table>

</form>

</body>

</html>

Splitter

answered on 04 Oct 2010

2 answers

119 views

I am using 922 version of the Telerik Controls

Some of my pages have validators and I am gettting the following javascript error;

function () {Array.remove(Page_ValidationSummaries, document.getElementById("ctl00_MainPage_MainForm_ValidateAll"));}(function () { function loadHandler() {var hf = $get("ctl00_RadStyleSheetManager1_TSSM");if (!hf._RSSM_init) {hf._RSSM_init = true;hf.value = "";}hf.value += ";Engica.Q4.Web.UI.CSS:en-GB:b0bdc9a5-2c35-405c-b20a-d752aaf5c19a:14eb65bf;Telerik.Web.UI, Version=2010.2.922.20, Culture=neutral, PublicKeyToken=121fae78165ba3d4:en-GB:0dc0fb55-040f-41fa-92b4-f26e54390f18:ed2942d4:f82ffad1:53e1db5a:8f70baae:c17ca3a3:1f65231b:7f7626a2:1c2121e:e24b8e95:5951aeec:38820e2e";Sys.Application.remove_load(loadHandler);} Sys.Application.add_load(loadHandler);}) is not a function

(function() {

In the source

document.getElementById('ctl00_MainPage_MainForm_ValidateAll').dispose = function() {
    Array.remove(Page_ValidationSummaries, document.getElementById('ctl00_MainPage_MainForm_ValidateAll'));
}
(function() {
                        function loadHandler() {
                            var hf = $get('ctl00_RadStyleSheetManager1_TSSM');
                            if...elided



Help!
These are old pages we haven't touched for a long time :( other pages seem fine

General Discussions

answered on 04 Oct 2010

1 answer

162 views

how can i export current selected row to excel

hello i need help with grid exporting
i want to export a selected row ,i have a button template column for export but not working for the current row
in addition i would like to choose the column that i wish to export
thanks for any help or suggestion

Grid

answered on 04 Oct 2010

1 answer

107 views

How to change fonts used to display content in HTML tab

Hi,

We are using RadEditor v. 2010.1.519.35. We have changed the background and default font for the Design tab by setting a value for the Editor Css file as follows

<telerik:radeditor runat="server" SkinId="PerfOptimizedRadEditor" NewLineBr="false" ToolsFile="~/XMLConfigFiles/RadEditorToolsFile.xml" EditModes="Design,Html,Preview"

StripFormattingOnPaste="None" StripFormattingOptions="None" ToolbarMode="Default" Skin="WebBlue"

SpellCheckSettings-SpellCheckProvider="EditDistanceProvider" SpellCheckSettings-EditDistance="1"

SpellCheckSettings-AllowAddCustom="false" SpellCheckSettings-DictionaryPath="~/MSFS/Content/RadSpellDictionaries"

ContentFilters =

"RemoveScripts,FixUlBoldItalic,FixEnclosingP,IECleanAnchors,MozEmStrong,ConvertFontToSpan,ConvertToXhtml,IndentHTMLContent"

>

<CssFiles>

<telerik:EditorCssFile Value="~/Stylesheets/RadEditorApplyStylesSelector.css" />

</CssFiles>

</telerik:radeditor>

and then in the stylesheet (in this case named RadEditorApplyStylesSelector.css), setting the following style for the body:

body

{

font-size: 9pt;

font-family:Verdana,serif;

font-weight: normal;

background-color:#FFFFE4;

}

This works great and the display of the content in the Design tab is modifed to reflect the css style. However, the display of the content in the HTML tab does not change. It is still displayed using the default css styles.

How do we change the display of the RadEditor content that appears in the HTML tab?

Thanks for the help!

Editor

answered on 04 Oct 2010

1 answer

113 views

[Solved] Missing style on filter

I have a grid with filtering. I'm using my owm style based on Office2007.

Everything looks and works fine until I hit the filter options button, when the options pop up (these are limited to the 5 shown) they have no style, as per the attached image.

I have copied the ButtonSprite.gif image to the Grid Folder and changed the reference in the CSS.

What an I missing?

Andy

Grid

answered on 04 Oct 2010