Questions on UI for ASP.NET AJAX Forum

3 answers

179 views

Resize RadEditor based on RadSplitter / RadPane size

I am trying to take a page and create a RadEditor inside of a horizontal RadSplitter/RadPane at the bottom. What I was wondering is if there is a way to resize the Editor dynamically with the resizing of the RadPane? Here is some generic proof of concept code.

    
            <telerik:RadSplitter runat="server" ID="RadSplitter1" ResizeMode="Proportional" LiveResize="true" Width="100%" Orientation="Horizontal" Height="100%">  
        
                     <telerik:RadPane runat="server" ID="TopPane" Scrolling="Both" MinHeight="30" Width="100%">  
        
                       <p>content...</p>        
        
                     </telerik:RadPane>  
        
                     <telerik:RadSplitBar runat="server" ID="RadSplitBar1" ResizeStep="10" Collapsemode="Both" />  
        
                        <telerik:RadPane runat="server" ID="BottomPane" MinHeight="325" Height="325" Width="100%">  
        
                            <telerik:RadEditor runat="server" ID="radedit" Height="100%" Width="99%" EnableResize="false" AutoResizeHeight="true">  
        
                                <Content>  
        
                                </Content>  
        
                            </telerik:RadEditor>  
        
                        </telerik:RadPane>  
        
                    </telerik:RadSplitter>

Thanks in advance,
Mike

Splitter

answered on 21 Dec 2011

2 answers

132 views

How to remove the scroll bar?

Hi there,

I use RadWindow as my popup window, and configured it as "AutoSize = true". But I still get the scroll bar on the bottom and the right side. Is there any way to show the popup window without any scroll bars? Please see the attached image for the problem. Thanks a lot for the help.

Best regards,
Meng

Window

answered on 21 Dec 2011

4 answers

199 views

Why does WrapperCssClass work only in EnableSingleInputRendering=true?

I can't find any reference in help about this, but it looks like WrapperCssClass is applied only when EnableSingleInputRendering=true.
Could you please clarify if I can apply wrapper class when EnableSingleInputRendering=false (default)?

Input

answered on 21 Dec 2011

1 answer

61 views

Combox do not aplly theme

Hello team, good morning.
When a try to use RadComboBox in my webpage the same appears the following appareance to me!
I'm using the Default theme in my webpage.

ComboBox

answered on 21 Dec 2011

1 answer

72 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

299 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

158 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

135 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

123 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

107 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