Questions on UI for ASP.NET AJAX Forum

1 answer

69 views

args.Value in method OnAjaxUpdate always the same in IE8

Hi,

I've got a problem with the RadToolTipManager in IE8, FireFox and IE9 gives no problem.

When I try to show the tooltip, the OnAjaxUpdate method will fire, but in IE8 the args.Value will always be the same.
The repeater will update after the following javascript function that'll be called from a RadWindow.

function onStickyNotePopupSaved() {

top.CloseWindowRadWindow('StickyNotePopupWindow');

var ajaxPanel = $find('<% =RadAjaxPanel1.ClientID%>');

ajaxPanel.ajaxRequest('');

}

I use the following Telerik version: 2011.2.712.40 (for .NET 4.0)

Has anyone an idea.

Kind regards,
Wouter Splinter

/// <summary>

/// load the usercontrol that shows the stickynotes content

/// </summary>

/// <param name="stickyNoteId"></param>

/// <param name="panel"></param>

private void UpdateToolTip(int stickyNoteId, UpdatePanel panel)

{

var ctrl = Page.LoadControl("Controls/StickyNoteViewer.ascx");

var stickyNoteView = (IStickyNoteViewerView)ctrl;

stickyNoteView.StickyNoteId = stickyNoteId;

panel.ContentTemplateContainer.Controls.Add(ctrl);

}

/// <summary>

/// fires by the tooltipmanager, initiate the load of the customcontrol

/// </summary>

/// <param name="sender"></param>

/// <param name="args"></param>

protected void OnAjaxUpdate(object sender, ToolTipUpdateEventArgs args)

{

int stickyNoteId;

if (int.TryParse(args.Value, out stickyNoteId))

{

UpdateToolTip(stickyNoteId, args.UpdatePanel);

}

/// <summary>

/// bind the stickynote to the tooltipmanager

/// </summary>

/// <param name="sender"></param>

/// <param name="e"></param>

protected void repeaterStickyNotes_ItemDataBound(object sender, RepeaterItemEventArgs e)

{

var stickyNoteControl = e.Item.FindControl("stickyNoteControl");

var stickyNote = (StickyNote)e.Item.DataItem;

RadToolTipManager1.TargetControls.Add(stickyNoteControl.ClientID, stickyNote.StickyNoteID.ToString(), true);

}

<telerik:RadToolTipManager runat="server" AnimationDuration="300" ShowDelay="200"

EnableShadow="true" HideDelay="1" ID="RadToolTipManager1" Width="463px" Height="220px"

RelativeTo="Element" Animation="Slide" Position="TopCenter" OnAjaxUpdate="OnAjaxUpdate"

Skin="Telerik" />

<asp:Repeater runat="server" ID="repeaterStickyNotes" OnItemDataBound="repeaterStickyNotes_ItemDataBound">

<ItemTemplate>

<div style="text-align: left; margin-right: 5px; float: left;">

<div runat="server" id="stickyNoteControl" style="width: 24px; height: 30px; background-position: center;

background-repeat: no-repeat; background-image: url('/App_Themes/CROW/Images/Icon_Pin_Yellow.png');">

</div>

</ItemTemplate>

</asp:Repeater>

ToolTip

answered on 21 Dec 2011

2 answers

277 views

server tag is not well formed with trying to assign am attribute to a text field

the following works but when i try to assign the eval to the text field, I get server tag is not formed correctly. Any idea how to get it to work?



<

telerik:RadListBox ID="AssignedFieldsGV" runat="server" Width="375px" Height="500px" AllowTransferOnDoubleClick="true" ItemDataBound ="AssignedFieldsGV_ItemDataBound "

SelectionMode="Multiple" EnableDragAndDrop="true" AutoPostBack="true"

>

<HeaderTemplate>

Assigned Fields

</HeaderTemplate>

<ItemTemplate>

<table>

<tr>

<td style="width:125px;"> <asp:Label ID="Label1" runat="server" Text='<%# DataBinder.Eval(Container, "Text")%>' /></td>

<td style="width:255px;"> <asp:TextBox ID="Label2" runat="server" /> <%# DataBinder.Eval(Container, "Attributes['DisplayName']") %> </td>

</tr>

</table>

</ItemTemplate>

</telerik:RadListBox

>







for label2, when I try to assign it as Text I get server tag is not well formed, any idea whats wrong?
 
            <telerik:RadListBox ID="AssignedFieldsGV" runat="server" Width="375px" Height="500px" AllowTransferOnDoubleClick="true"  ItemDataBound ="AssignedFieldsGV_ItemDataBound "
                SelectionMode="Multiple"  EnableDragAndDrop="true"  AutoPostBack="true"  
                >
               <HeaderTemplate>
                     Assigned Fields                
               </HeaderTemplate>
               <ItemTemplate>
                    <table>
                        <tr>
                            <td style="width:125px;">   <asp:Label ID="Label1" runat="server"  Text='<%# DataBinder.Eval(Container, "Text")%>' /></td>
                            <td style="width:255px;">  <asp:TextBox ID="Label2" runat="server"   Text='  <%# DataBinder.Eval(Container, "Attributes['DisplayName']") %>'     /> </td>
                        </tr>
                    </table>
                </ItemTemplate>
 
            </telerik:RadListBox>

ListBox

answered on 21 Dec 2011

1 answer

150 views

Background image on some events

How to make this: if in the cell there are many appointments and if one of them already has image as background, the cell from the scheduler (the <td> tag) to hide all other appointment (to be invisible).

Scheduler

answered on 21 Dec 2011

1 answer

116 views

Scroll position lost when cancelling out of Advanced Edit Appointment

When RadScheduler contains numerous resources listed horizontally, all operations (e.g. move appointment, resize appointment, etc.)maintain scrolled position except cancelling or closing the Advanced Edit Appointment form. Cancel causes the grid to reset to scroll position 0.

Users are opening the edit form to view appointment details (e.g. the exact time), so this is a problem with 100 resources.

Is there a way to maintain the scrolled position when cancelling the form?

Scheduler

answered on 21 Dec 2011

2 answers

111 views

Handling client event OnRowResized in server-side

Hello Telerik,

I'm sorry, I should have posted this in the RadGrid section of the forum, but I was using RadDock within a RadGrid, that's why I instinctively posted this in the RadDock section.

Anyways ... I hope you won't mind ... Thanks.

How do you pass back to the server the event args in a OnRowResized event on the client-side?

I got it to work in a OnRowClick event by having this statement in my code behind:


RadGrid1.ClientSettings.EnablePostBackOnRowClick = True 
RadGrid1.ClientSettings.ClientEvents.OnRowClick = "On_Row_Click" 


AddHandler RadGrid1.ItemCommand, AddressOf RadGrid1_ItemCommand

And in my .ASCX I have this:


function On_Row_Click(sender, eventArgs) { 
  __doPostBack(sender.ClientID, "RowClicked:" + eventArgs.get_itemIndexHierarchical()); 
}

When a row is clicked, it runs the __doPostBack command above and I catch the postback on the server side in my code behind:


Private Sub RadGrid1_ItemCommand(sender As Object, e As GridCommandEventArgs) 
   'Client-side event is caught here !!!
End Sub

How do I accomplish the same thing for a client-side OnRowResized event?

If anyone can give a quick response (or a working example), it would be highly appeciated.

Thanks.

Dock

answered on 21 Dec 2011

3 answers

94 views

Dynamic Table Of Zones And Docks

Hello,

I have been searching for any example of what I'm trying to achieve, to no avail.

Is it possible to do the following:

have a table where the rows and the columns can be dynamically added (possibly by "Add Row" or "Add Column" buttons) and within each table cell, a RadDockZone is created?
have RadDocks also dynamically created (say by a "Create 5 Docks" button), and placed initially on the RadDockZone on the first table cell which can then be moved around the previously dynamically created RadDockZones on the table?

I have tried to do this, but I can't seem to persist the newly created zones and docks. How do I accomplish this?

Thanks in advance for any help.

Dock

answered on 21 Dec 2011

3 answers

71 views

Handling client event OnRowResized in server-side

Hello,

How do you pass back to the server the event args in a OnRowResized event on the client-side?

I got it to work in a OnRowClick event by having this statement in my code behind:


RadGrid1.ClientSettings.EnablePostBackOnRowClick = True 
RadGrid1.ClientSettings.ClientEvents.OnRowClick = "On_Row_Click" 


AddHandler RadGrid1.ItemCommand, AddressOf RadGrid1_ItemCommand

And in my .ASCX I have this:


function On_Row_Click(sender, eventArgs) { 
  __doPostBack(sender.ClientID, "RowClicked:" + eventArgs.get_itemIndexHierarchical()); 
}

When a row is clicked, it runs the __doPostBack command above and I catch the postback on the server side in my code behind:


 
Private Sub RadGrid1_ItemCommand(sender As Object, e As GridCommandEventArgs) 
   'Client-side event is caught here !!!
End Sub

How do I accomplish the same thing for a client-side OnRowResized event?

If anyone can give a quick response (or a working example), it would be highly appeciated.

Thanks.

Grid

answered on 21 Dec 2011

2 answers

172 views

Get uploaded filename

Hello,

I'm using your RadAsyncUpload and it works perfectly for uploading images however, I need to create a little thumbnail for each FileImput when FileUploaded event occurs (before saving in destination folder). The problem is that I need to associate the filename uploaded in temporary folder, to image element but I don't understand how can I do. I'm using OnClientFileUploaded event but I don't understand how can I take the filename of image uploaded. I hope that you can help me.

AsyncUpload

answered on 21 Dec 2011

2 answers

150 views

RadDockLayout not storing layout state

Hi - I have a raddock that is not retaining its state after a postback.
Scenario: I expand the dock, do some operation that triggers a postback, and when the page loads again, the dock is collapsed.
Expected: I want the dock to retain state, and load expanded.

I was using rad controls version 2009.1.402.20 and this was behaving fine. I'm currently updating to version 2011.3.1115.35 and I'm facing this problem.

Here's a sample of the code that I'm using -

<telerik:RadDockLayout runat="server" ID="[DUMMYID-1]">
    <telerik:RadDockZone runat="server" ID="[DUMMYID-2]" Orientation="vertical" Skin="Vista" Width="99.7%">
        <telerik:RadDock runat="server" ID="[DUMMYID-3]" Title="More"
            Style="min-height: 0px; margin: 0px auto; visibility: hidden;" Collapsed="true"
            DefaultCommands="ExpandCollapse" Skin="Vista" EnableDrag="false"
            DockHandle="None" Width="99.5%" BorderStyle="None">
            <ContentTemplate>
             ...... [some code here]
            </ContentTemplate>
    </telerik:RadDock>
</telerik:RadDockZone>

I tried adding the following to the raddocklayout attributes but this doesn't help.

EnableViewState="true" StoreLayoutInViewState="true"

Appreciate any help. Thanks.

ps: Also if you could point to me some documentation that would help me migrate from older version to newer version of rad controls for asp.net ajax.

Dock