Questions on UI for ASP.NET AJAX Forum

1 answer

174 views

i have 3 or more radpane, when i expand one radpane, how to collapse other radpane ?


Question 1:

i have 3 or more radpane, when i expand one radpane, how to collapse other radpane ?
Question 2:

when i collapse or expand one radpane, how to use animation effect, like radwindow controls (Animation="FlyIn")?
 
 
<!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>Collapse / Expand RadPane</title>

</head>

<body>

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

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

<Scripts>

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

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

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

<script type="text/javascript">

function myhidden(item) {

//How to do it ?

}

</script>

</telerik:RadCodeBlock>

<input type="button" value="myhidden" onclick="myhidden(1)" />

<input type="button" value="myhidden" onclick="myhidden(2)" />

<input type="button" value="myhidden" onclick="myhidden(3)" />

<input type="button" value="myhidden" onclick="myhidden(4)" />

<input type="button" value="myhidden" onclick="myhidden(5)" />

<telerik:RadSplitter ID="RadSplitter_InnerVert" runat="server" Orientation="Vertical" VisibleDuringInit="false" BorderSize="1" Width="100%" Height="100%">

<telerik:RadPane ID="RadPane_Collapse1" runat="server" >111</telerik:RadPane>

<telerik:RadPane ID="RadPane_Collapse2" runat="server" Collapsed="true">222</telerik:RadPane>

<telerik:RadPane ID="RadPane_Collapse3" runat="server" Collapsed="true">333</telerik:RadPane>

<telerik:RadPane ID="RadPane_Collapse4" runat="server" Collapsed="true">444</telerik:RadPane>

<telerik:RadPane ID="RadPane_Collapse5" runat="server" Collapsed="true">...</telerik:RadPane>

</telerik:RadSplitter>

</form>

</body>

</html>

Splitter

answered on 29 May 2012

5 answers

156 views

Format RadDateInput

Hi!
I've made the upgrade at the 2012.1.411.40 telerik version.
After the upgrade,during the loading of the page, the date of RadDateInput is set at the format 'yyyy-MM-dd hh-mm-ss'.
When it finishes loading, the date return at the original format ('dd/MM/yyyy')

For more explanations i enclose the pictures of the two situations, before and after loading.

Thanks in advance

Input

answered on 29 May 2012

0 answers

145 views

RadContextMenu database update

I have a radcontextmenu with a radgrid. I attach navigate urls with Querystring values from the Radgrid's datakey values client side. I want to add an additional menuitem that performs a simple database action of update based on the datakey value in the radgrid. I cant find a way of doing this after searching pretty hard, so I need help. Perhaps all I need to do is somehow trigger a server side function, or maybe there is another way. The radgrid uses SQL datasource declarative binding. I would like to do the database update for all the rows selected in the RadGrid based on the datakeynames of each row. So basically, I would like add a menu item that asks "Update Selected Rows?" in an alert, then perform the update for each selected row.

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadGrid1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" Width="256px" Height="64px" runat="server">

<asp:Label ID="Label2" runat="server" ForeColor="Red">Loading... </asp:Label>

</telerik:RadAjaxLoadingPanel>

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

<script type="text/javascript">

function showFilterItem() {

$find('<%=RadGrid1.ClientID %>').get_masterTableView().showFilterItem();

}

function hideFilterItem() {

$find('<%=RadGrid1.ClientID %>').get_masterTableView().hideFilterItem();

}

function RowContextMenu(sender, eventArgs) {

var NavigateUrl;

var grid = window["<%= RadGrid1.ClientID %>"];

var masterTableView = grid.MasterTableView;

var menu = $find("<%=RadContextMenu1.ClientID %>");

//document.getElementById("<%= Label1.ClientID %>").innerHTML = eventArgs.getDataKeyValue("ReservationID");

NavigateUrl = document.getElementById("<%= Label1.ClientID %>").innerHTML = eventArgs.getDataKeyValue("ReservationID");

var evt = eventArgs.get_domEvent();

var menuEditItem = menu.findItemByText("Edit");

menuEditItem.set_navigateUrl("Reservation.aspx?ReservationID=" + NavigateUrl);

menu.show(evt);

}

function PopulateParticipant(sender, eventArgs) {

var ResID;

ResID = eventArgs.getDataKeyValue("ReservationID");

}

function OnDateSelected(sender, eventArgs) {

sender.set_autoPostBack(true);

}

</script>

</telerik:RadCodeBlock>

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

<telerik:RadGrid ID="RadGrid1" runat="server" PageSize="500" Height="600px" AllowFilteringByColumn="True"

AllowPaging="True" AllowMultiRowSelection="true" AllowSorting="True" DataSourceID="SqlDsGetRetReservations"

GridLines="None" ShowGroupPanel="True" Skin="Windows7"

AutoGenerateColumns="False" EnableLinqExpressions="false">

<PagerStyle Mode="Slider"></PagerStyle>

<ClientSettings AllowColumnsReorder="True" AllowDragToGroup="True"

ReorderColumnsOnClient="True">

<ClientEvents OnRowContextMenu="RowContextMenu" OnRowSelected="PopulateParticipant" />

<Scrolling AllowScroll="True" UseStaticHeaders="True" />

<Selecting AllowRowSelect="true" />

</ClientSettings>

<MasterTableView DataSourceID="SqlDsGetRetReservations" NoMasterRecordsText="No Reservations created during this period." PagerStyle-Mode="Advanced" DataKeyNames="ReservationID" ClientDataKeyNames="ReservationID" AllowFilteringByColumn="true">

<Columns>

<telerik:GridButtonColumn ButtonType="LinkButton" CommandName="CancelRes" HeaderText="Cancel" UniqueName="Cancel" Text="Cancel" ItemStyle-Width="35px"></telerik:GridButtonColumn>

<telerik:GridBoundColumn DataField="ReservationID" FilterControlWidth="50px" ItemStyle-Width="100px" HeaderText="Res ID" SortExpression="ReservationID" UniqueName="ResID">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="DeptID" FilterControlWidth="50px" ItemStyle-Width="100px" HeaderText="DeptID" SortExpression="DeptID" UniqueName="DeptID">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Chairperson" HeaderText="Chairperson" ItemStyle-Width="150px" AutoPostBackOnFilter="false" SortExpression="Chairperson" UniqueName="Chairperson">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Passcode" FilterControlWidth="50px" ItemStyle-Width="100px" HeaderText="Passcode" SortExpression="Passcode" UniqueName="Passcode">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="PasscodeM" FilterControlWidth="50px" ItemStyle-Width="100px" HeaderText="PasscodeM" SortExpression="PasscodeM" UniqueName="PasscodeM">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="ContactName" HeaderText="ContactName" ItemStyle-Width="150px" SortExpression="ContactName" UniqueName="ContactName">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="StatusID" HeaderText="Status" SortExpression="Status" UniqueName="Status">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

<telerik:RadContextMenu ID="RadContextMenu1" runat="server" OnItemClick="RadContextMenu1_ItemClick" Skin="Windows7">

<Targets>

<telerik:ContextMenuControlTarget ControlID="RadGrid1" />

</Targets>

<Items>

<telerik:RadMenuItem Text="Add" />

<telerik:RadMenuItem Text="Edit" />

</Items>

</telerik:RadContextMenu>

Any help would be appreciated.

Menu

asked on 29 May 2012

1 answer

195 views

[Solved] Remove empty Space

Hi,
I'm designed a pie Chart, but I want that chart to start from left, need to remove the space on the left and top.
How to please assist me.

Note: Attached screen shot

Regards
Phaneendra

Chart (Obsolete)

answered on 29 May 2012

2 answers

139 views

[Solved] Can't update a div in a RadPageView with JavaScript

I'm adding a jqplot chart to a page that has a RadTabStrip and a RadMultiPage on it. If I put the target <div> for the plot outside of the RadMultiPage, the chart gets rendered. If I put the target <div> inside the RadMultiPage, however, it doesn't get rendered. This makes me think the JavaScript that's attempting to render the chart in the <div> can't find it.

How should I refer to the <div> in my JavaScript?

Here's how my <div> is defined?

<div id="chartdiv" style="height:300px; width:600px; border: none;"></div>

Here's the JavaScript that references the <div> and how it's placed in the RadPageView:

<telerik:RadPageView ID="Achievement" runat="server">

<div class="responseDiv"><asp:Label ID = "AchievementLabel" runat="server"></asp:Label></div>

<script type="text/javascript">

(function ($) {

$(window).load(function () {

var exceedPoints = [['3rd', 218], ['4th', 223]];

var plot1 = $.jqplot('chartdiv', [exceedPoints], {

seriesDefaults: { pointLabels: { show: true } },

series: [{ label: 'Exceed' }],

grid: { drawGridlines: false },

seriesColors: ['#666699'],

title: 'Reading Scores'

});

})($telerik.$);

</script>

</telerik:RadPageView>

Thanks!

Bryan

TabStrip

answered on 29 May 2012

3 answers

135 views

Intelligent Labels problem

I have this problem with radchart, when I use intelligentlabels off it really messes up things.

http://img443.imageshack.us/img443/1107/dumbur4.jpg

If I turn intelligentlabels on...I get some of the labels missing, actually almost half of them. Am I doing something wrong?

http://img443.imageshack.us/img443/3733/intelligentan4.jpg

Thanks

Chart (Obsolete)

answered on 29 May 2012

5 answers

201 views

AdvancedInsertTemplate and RadScheduler_AppointmentInsert

I'm using AdvancedForm as example shown here
i'm not able to see the returning Category (it is a resource) from the AdvancedForm
What am I doing wrong?

Here i post the important parts

main.aspx

<AdvancedEditTemplate>

<scheduler:AdvancedForm runat="server" ID="AdvancedEditForm1" Mode="Edit"

Subject='<%# Bind("Subject") %>'

Description='<%# Bind("Description") %>'

Start='<%# Bind("Start") %>'

End='<%# Bind("End") %>'

RecurrenceRuleText='<%# Bind("RecurrenceRule") %>'

CategoriaID='<%# Bind("IDTimeLineResource") %>'

/>

</AdvancedEditTemplate>

<AdvancedInsertTemplate>

<scheduler:AdvancedForm runat="server" ID="AdvancedInsertForm1" Mode="Insert"

Subject='<%# Bind("Subject") %>'

Start='<%# Bind("Start") %>'

End='<%# Bind("End") %>'

Description='<%# Bind("Description") %>'

RecurrenceRuleText='<%# Bind("RecurrenceRule") %>'

CategoriaID='<%# Bind("IDTimeLineResource") %>'

/>

</AdvancedInsertTemplate>

main.vb
(e.Appointment.Resources.Count is 0)

Protected Sub RadScheduler1_AppointmentInsert(ByVal sender As Object, ByVal e As Telerik.Web.UI.AppointmentInsertEventArgs) Handles RadScheduler1.AppointmentInsert

LogManager.WriteToDebugLog("c:\log\", "RadScheduler1_AppointmentInsert " & e.Appointment.Resources.Count)

If e.Appointment.Resources.Count > 0 Then

If e.Appointment.Resources.GetResourceByType("Categoria") IsNot Nothing Then

Dim myCategory As Long = Convert.ToInt32(e.Appointment.Resources.GetResourceByType("Categoria").Key)

Dim myScheduler As New Adept.CScheduler(myConn)

Dim newID As Long = myScheduler.NewAppointment(e.Appointment.Start, e.Appointment.End, e.Appointment.Subject, e.Appointment.Start, e.Appointment.End, e.Appointment.Start, e.Appointment.End, e.Appointment.Description, , , , myCategory)

myScheduler = Nothing

End If

End Sub

AdvancedFormVB.ascx

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

<%-- RESOURCE CONTROLS --%>

<ul class="rsResourceControls">

<li>

<scheduler:ResourceControl runat="server" ID="ResCategoriaID" Type="Categoria" Label="Categoria:"

Skin='<%# Owner.Skin %>' />

</li>

</ul>

</asp:Panel>

AdvancedFormVB.ascx.vb

<Bindable(BindableSupport.Yes, BindingDirection.TwoWay)> _

Public Property CategoriaID() As Object

Get

'IT DOES gET THE RIGHT CATEGORY. IT WORKS!

'LogManager.WriteToDebugLog("c:\log\", "GET BindableSupport CategoriaID " & ResCategoriaID.Value)

Return ResCategoriaID.Value

End Get

Set(ByVal value As Object)

ResCategoriaID.Value = value

'IT DOES SET THE RIGHT CATEGORY. IT WORKS!

'LogManager.WriteToDebugLog("c:\log\", "SET BindableSupport CategoriaID " & value)

End Set

End Property

ResourceControlVB.ascx.vb

<Bindable(BindableSupport.Yes, BindingDirection.TwoWay)> _

Public Property Value() As Object

Get

If ResourceValue.SelectedValue <> "NULL" Then

'LogManager.WriteToDebugLog("c:\log\", "Value " & DeserializeResourceKey(ResourceValue.SelectedValue))

Return DeserializeResourceKey(ResourceValue.SelectedValue)

'IT WORKS!

End If

Return ""

End Get

Set(ByVal value As Object)

End Set

End Property

Thank you

Scheduler

answered on 29 May 2012

2 answers

89 views

Loading Column Order Not working

I am using the code from http://demos.telerik.com/aspnet-ajax/grid/examples/programming/savinggridsettingsonperuserbasis/defaultcs.aspx in my code. I have been successful in saving and loading grid settings except for OrderIndex. I can see it save and load in the functioncalls then do a rebind but the column order is not appearing as saved. Here is the weird thing. If I step through it in debug it works fine. if I take out the break points it does not work. It is as if it needed time to load befor it rebinds. Any helpful hints?

Grid

answered on 29 May 2012

3 answers

108 views

Doubt in RadSpell

Hi,

I have a scenario where i am using Radspell . When i went through the document specified in below link
http://www.telerik.com/help/aspnet-ajax/spell-getting-started.html
i was not able to understand the from step 4. i.e how to get the files specified inside radspell folder inside AppData.

Can u help me out.

Regards,
Akki

Spell

answered on 29 May 2012

0 answers

85 views

Rebind RadGrid on Closing Filter Expression

Hello

I am using Telerik2012 radgrid which is associated with a radfilter. My filter has got an "Apply Filter" button. Everything is working fine. My only requirement is that after closing the last existing radfilter expression, the grid is not rebinding to its initial state unless I click on the ApplyFilter button.

Regards
Jiju.

Filter

asked on 29 May 2012