Questions on UI for ASP.NET AJAX Forum

7 answers

229 views

Right Place

Hi friends, I am trying to figure out to replicate the functionality available on one of the demo pages, with the help of concerned documentation, at two different places

I think I need to figure out the right place to write the java-script ...
I am using this code ...for the first place where there is no master page:
here I am getting an err saying "getElementById" is not a valid method, the standard msJavascript dialog box..

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="SlidingPaneDemo.aspx.cs"

Inherits="SlidingPaneDemo" %>

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

<head runat="server">

<title></title>

<telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" />

</head>

<body>

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

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

<Scripts>

<%--Needed for JavaScript IntelliSense in VS2010--%>

<%--For VS2008 replace RadScriptManager with ScriptManager--%>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</Scripts>

</telerik:RadScriptManager>

<script type="text/javascript">

//Put your JavaScript code here.

</script>

<telerik:RadCodeBlock ID="CodeBlock1" runat="server">

<script type="text/javascript" id="telerikClientEvents1">

//<![CDATA[

function ToggleButton_Clicked(sender, args) {

var splitter = Document.getElementById('SplitterID');

var pane = Document.getElementById('RightPane');

if (pane.collapse()) {

pane.expand(pane);

}

//]]>

</script>

</telerik:RadCodeBlock>

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

</telerik:RadAjaxManager>

<telerik:RadSkinManager ID="RadSkinManager1" runat="server" Skin="Telerik">

</telerik:RadSkinManager>

<asp:UpdatePanel ID="SlidingPaneUpdatePanel" runat="server">

<ContentTemplate>

<telerik:RadSplitter runat="server" ID="SplitterID">

<telerik:RadPane runat="server">

<telerik:RadButton ID="ToggleButton" runat="server" OnClientClicked="ToggleButton_Clicked">

</telerik:RadButton>

</telerik:RadPane>

<telerik:RadSplitBar runat="server">

</telerik:RadSplitBar>

<telerik:RadPane ID="RightPane" runat="server" Width="481px" Height="300px" Scrolling="Y">

<telerik:RadSlidingZone ID="SlidingZone1" runat="server" Width="100%" SlideDirection="Right">

<telerik:RadSlidingPane ID="telerikPane" runat="server" Title="I can slide" Width="482px"

PersistScrollPosition="true">

<telerik:RadCodeBlock ID="CodeBlock" runat="server">

<iframe id="iFrame" runat="server" src="Default.aspx" width="100%" height="100%"

frameborder="0" scrolling="yes"></iframe>

<telerik:RadDatePicker ID="RadDatePicker1" runat="server">

</telerik:RadDatePicker>

</telerik:RadCodeBlock>

</telerik:RadSlidingPane>

</telerik:RadSlidingZone>

</telerik:RadPane>

</telerik:RadSplitter>

</ContentTemplate>

</asp:UpdatePanel>

<div>

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

<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" />

<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>

</div>

</form>

</body>

</html>

And here is another case where I've Nested master page ...

<asp:Content ID="ContentPlaceHolder1A" ContentPlaceHolderID="ContentPlaceHolder1"

runat="server">

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

<script type="text/javascript">

//<![CDATA[

window.onresize = function () { getClientSize(); };

window.onload = function () { getClientSize(); };

document.readyState = function () { getClientSize(); }

function getClientSize() {

var width = 0, height = 0;

//cross browser compatible

if (typeof (window.innerWidth) == 'number') {

//Non-IE

width = window.innerWidth;

height = window.innerHeight;

} else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {

//IE 6+ in 'standards compliant mode'

width = document.documentElement.clientWidth;

height = document.documentElement.clientHeight;

} else if (document.body && (document.body.clientWidth || document.body.clientHeight)) {

//IE 4 compatible

width = document.body.clientWidth;

height = document.body.clientHeight;

}

if (width <= 1024 || height <= 768) {

document.getElementById("<%=TreePane_CaseTree.ClientID %>").Visible = false;

document.getElementById("<%=TreePane_CaseTree.ClientID %>").style.visibility = "none";

var splitter = $find("<%=Radsplitter1.ClientID%>");

var pane = $find("TreePane_CaseTree");

var DidItCollapsed = pane.collapse();

confirm("Hide");

}

else {

document.getElementById("<%=TreePane_CaseTree.ClientID %>").Visible = true;

document.getElementById("<%=TreePane_CaseTree.ClientID %>").style.visibility = "visible";

var splitter = $find("<%=Radsplitter1.ClientID%>");

var pane = $find("TreePane_CaseTree");

var DidItExpanded = pane.expand();

slidingZone.expandPane(slidingPane.get_id());

confirm("Show");

}

};

...

ScriptManager and StyleSheetManager

answered on 03 Oct 2012

2 answers

136 views

Rad Chart , HTML5 Chart, Kindo UI

Hi Team,

My First Query is RadChart support HTML5, and client side event with javascript/Jquery.
My application is only Asp.net with ajax based, no MVC or silver light
My requirement is
1) Full support of HTML5
2) Client side event (Jquery/javascript/json) support
3) drill down functionality
4) Export inbuild functionality(only want to export either image or Data)

please suggest which one is fullfil my requrement most, or please provide high level diffirence between these three.
Its very urgent , your quick response will be appriciatable.

Thanks for your support in advance.

Chart (Obsolete)

answered on 03 Oct 2012

1 answer

164 views

Media Manager File Extension

Hi .
I want to Upload some flv or mp4 File with Media manager in Radeditor , but You know it doesn't support thees extensions . I change the File extensions allowed with SearchPatterns but after Upload a file again radeditor alert the extension is now allowed .
how can I do ?

Editor

answered on 03 Oct 2012

2 answers

119 views

Treeview check all the node

Hi

I have rad treeview with check box and my treeview have more than 2000 nodes.
Top of the treeview control i have a check box check all. when i click the check all checkbox i need to select all the parent and child nodes. With out looping the node, is any other option is there?
Because if i loop all the node using javascript, IE giving the error message. script is running continuously it will slow down other operations.

Regards
Vairam

TreeView

answered on 03 Oct 2012

1 answer

101 views

Group header - change boolean to something more meaningful

I have RadGrid with grouping enabled on boolean field. The thing is, group header contains field value True or False, which I'd like to change to something like Yes or No.

I know I could alternate the text on ItemDataBound event, but that is not very flexible - it will always change True/False to Yes/No, even when there will be actual need to display True/False.

Are there any aleternative approaches for changing group header text?

Grid

answered on 03 Oct 2012

1 answer

103 views

[Solved] Good afternoon, how do I get hold of the <telerik: RadButton id = "rbDetails" in my code behind that is within a <telerik: RadListView and within a <ItemTemplate>?

Good afternoon, how do I get hold of the <telerik: RadButton id = "rbDetails" in my codeBehind that is within
a <telerik: RadListView and within a <ItemTemplate>?

<telerik:RadListView ID="RadListView1"

runat="server"

ItemPlaceholderID="EmployeesContainer"

AllowPaging="True"

PageSize="16"

BorderColor="Black"

BorderStyle="Solid" ClientDataKeyNames="PersonId" onitemcommand="RadListView1_ItemCommand"

onPageIndexChanged="RadListView1_PageIndexChaged"

style="background-color:#edf2f7"

>

<asp:PlaceHolder ID="EmployeesContainer" runat="server" />

<div>

</div>

</fieldset>

</div>

</LayoutTemplate>

<%-- ########## Fields ########## --%>

</div>

<%#Eval("Abbreviation")%>

</div>

<%#Eval("JobTitleDescription")%>

</div>

<%# Eval("VoipNumber")%>

</div>

<%-- ########## Button Details ########## --%>

<telerik:RadButton ID="rbDetails" runat="server" Text="Detalhes" Skin="Office2007" CommandName="details" Visible="false" >

</telerik:RadButton>

</div>

</ItemTemplate>

</SelectedItemTemplate>

</telerik:RadListView>

ListView

answered on 03 Oct 2012

5 answers

442 views

[Solved] RADCombobox Multiple Parameters

Hi,

I am using autocomplete for a RADCombobox.

[OperationContract]
public RadComboBoxData wpfSelectProgrammeFromClientDB(RadComboBoxContext context)
{
}

In this service, I am using a SQL Query to fill a datatable.

strSQLQuery = "SELECT pk_ProgrammeID,Title FROM Programme WHERE Title LIKE @prefixText";
da = new SqlDataAdapter(strSQLQuery, ConfigurationManager.ConnectionStrings["DEMO"].ToString());
da.SelectCommand.Parameters.Add("@prefixText", SqlDbType.VarChar, 50).Value = "%" + context.Text + "%";
dt = new DataTable();
da.Fill(dt);

In my .aspx, I use

<telerik:RadComboBox ID="rcbClientProgrammeTitle" Runat="server" EmptyMessage="Select a Title" EnableLoadOnDemand="true"
ShowMoreResultsBox="true" EnableVirtualScrolling="true" Skin="Windows7"
AutoPostBack="True" >
<WebServiceSettings Method="SelectProgrammeFromClientDB" Path="LinkMedia.aspx.cs"/>
</telerik:RadComboBox>

I need to pass a second parameter to the SQL Query, like

strSQLQuery = "SELECT pk_ProgrammeID,Title FROM Programme WHERE Title LIKE @prefixText AND Client = @Client";
da = new SqlDataAdapter(strSQLQuery, ConfigurationManager.ConnectionStrings["DEMO"].ToString());
da.SelectCommand.Parameters.Add("@prefixText", SqlDbType.VarChar, 50).Value = "%" + context.Text + "%";
da.SelectCommand.Parameters.Add("@Client", SqlDbType.VarChar, 50).Value = " + WHAT DO I PASS HERE;
dt = new DataTable();
da.Fill(dt);

OR is there any other alternative to do this. The @Client comes from a Query String which I am not able to access in the WCF Service.

Can you please show me a demo of how to send multiple parameters to the Service or how to access the query string values from the page in the service.

Thanks
Prithvi

ComboBox

answered on 03 Oct 2012

2 answers

164 views

RadContextMenu Check if shown

Hi,

All i am trying to do is check if the context menu is open.

the only property i can find for this is
"._shown"
is this correct or is there another way of doing this?

Thanks

Menu

answered on 03 Oct 2012

1 answer

101 views

Rad Editor Backspace Deletes Entire Paragraph

Pressing the backspace in Google Chrome after certain character combinations deletes the entire paragraph. I can reproduce this by pasting the following HTML:

<p>x 5 1/2 x</p>

Note, there are two spaces after the 1/2. If I switch back to HTML mode, position the cursor key just after the 2, and hit backspace, the entire paragraph is deleted. I can reproduce this in the Telerik demo here:

http://demos.telerik.com/aspnet-ajax/editor/examples/editorinradwindow/defaultcs.aspx

Editor

answered on 03 Oct 2012

5 answers

168 views

How to get SeriesItem name on drill down?

Hello all,

I'm learning to use the RadChart control and I'd like to ask how to dynamically get the name of the series item that generated the RadChart.Click event to use it as part of the series name for the next chart generated (ex. if the chart shows the sales volumes per month in an given year and the user clicks on the July column, the next chart should show the details for July and the series name would be "Sales details for July").

Any help would be really appreciated!

Chart (Obsolete)

answered on 03 Oct 2012