Questions on UI for ASP.NET AJAX Forum

4 answers

324 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

106 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

128 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

174 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

116 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

114 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

1 answer

62 views

Can't find new checkItems/uncheckItems?

Hi.

The "Whats New" list for the just released Q2 2010 SP2 controls says...

"Added: selectItems/unselectItems and checkItems/uncheckItems methods for quick selection(unselection)/check(uncheck) of multiple items" for the RadListBox yet I can't seem to find or access these methods.

I've tried some of my own guesses such as...

var lb = $find("<%= myListBox.ClientID %>");
lb.checkItems();

and other variations but no luck.

I used a .net analysis tool to browse all elements lf the Telerik.Web.UI.RadListBox namespace and I can't seem to find any new methods such as these.

Please let me know what you think and if I'm doing something wrong.

Thank you.

ListBox

answered on 04 Oct 2010

0 answers

74 views

RadChart control?

Hi,

I am new in Rad chart control how can bind the values in Dynamic way (Code behind).
Please Help me.

Regards,
Tamilselvan.S

Chart (Obsolete)

asked on 04 Oct 2010

7 answers

142 views

[Solved] GoogleLike filtering on dataset

Hi,

Can we do googlelike filtering on dataset. In the example you guys are doing filtering in sql query ( IN list_ItemsRequested Method). I ma using stored procedure to get the data. So i cant use stored procedure. So is there any way to do filtering on dataset. If yes how to do it. Please Let me know.

Thanks.

Grid

answered on 04 Oct 2010

1 answer

123 views

Expanded range of MonthView

Is it possible to show an expanded MonthView to show 6 or more weeks at a time, such as a view displaying dates from 8/15/2010 - 10/9/2010? I don't see much use for this but it was a request from one of my clients. Thanks.

Scheduler

answered on 04 Oct 2010