Questions on UI for ASP.NET AJAX Forum

1 answer

92 views

Currently I'm using inline editing with only 1 column to be editable.
Therefore I'm using the onclientblur event to exit the edit mode cause I don't want any additional button/links to appear in my UI.
This works great since there is only 1 control to be monitored.

However I'm going to have another grid that have more than one column to be editable by the users.
Is there any other better approach than the one I'm using?

Grid

answered on 19 Dec 2009

3 answers

330 views

RadSplitter height on Master/Content pages

Hi

I have a MasterPage with a RadSplitter and a ContentPlaceHolder in the right hand pane. When I create a content page with a large amount of content I get a vertical scroll bar against the right hand pane (it seems that the spliiter has a height css value set to 400px). I would like the RadSplitter height to be dictated by the content on the content page so that I dont get a scroll bar, i.e. I want the scroll bar to be naturally provided by the browser when needed not the splitter. Each content page has different amount of content so I dont know a specific value to set the height to (and this would change when the layout changes when the browser is resized anyway).

Is this possible?

Thanks
Russell Mason

Splitter

answered on 19 Dec 2009

3 answers

113 views

2 tooltip

Hi,

I need to apply two Showevent(OnClick,OnMouseOver) for one control.Here is my code.

<

telerik:RadToolTipManager runat="server" ID="RadToolTipOnClick" HideEvent="LeaveTargetAndToolTip"

ShowEvent="OnClick" OnClientShow="OnClientShow" Skin="Windows7" Width="100px" Height="20px"

ShowDelay="100" Sticky="true" AutoCloseDelay="5000" Position="MiddleRight" RelativeTo="Element" >

</telerik:RadToolTipManager>

<telerik:RadToolTipManager runat="server" ID="RadToolTipOnMouseOver" HideEvent="LeaveTargetAndToolTip"

ShowEvent="OnMouseOver" OnClientShow="OnClientShow" Skin="Windows7" Width="100px" Height="20px"

ShowDelay="100" Sticky="true" AutoCloseDelay="5000" Position="MiddleRight"RelativeTo="Element" >

</telerik:RadToolTipManager>

On Code behind

txtBox.ToolTip = fieldDescription.Description;

RadToolTipOnClick.TargetControls.Add(txtBox);

RadToolTipOnMouseOver.TargetControls.Add(txtBox);

But tooltip returns empty for Mouseover.Please refer attachment for more reference.
Please let me know what i'm missing here.

Thanks for all your support.
Eva

But for

ToolTip

answered on 19 Dec 2009

3 answers

577 views

Best way to resize window when content changes via javascript?

Hi,

I'm using a RadWindow to dynamically host a "complex" UserControl that has section dynamically hiding and showing from javascript events. As a result, the content of the RadWindow grows or shrinks. I'd like to have the RadWindow also grow or shrink instead of having the scroll bar appear. AutoSize only resizes the windows on the initial load, so I cannot use it.

Here is a sample project that reproduce the problem (please run it) :

WebForm2.aspx

    
                <form id="form1" runat="server"> 
        
                    <asp:ScriptManager ID="RadScriptManager1" runat="server"> 
        
                    </asp:ScriptManager> 
        
                    <telerik:RadWindow ID="wnd" runat="server" Modal="true" ShowContentDuringLoad="true" VisibleStatusbar="false" VisibleOnPageLoad="true" 
        
                     VisibleTitlebar="true" Behaviors="Close,Move,Resize" AutoSize="false" EnableViewState="false" Skin="Default" Top="100" /> 
        
                    <script type="text/C#" runat="server"> 
        
                        protected void Page_Load(object sender, EventArgs e) 
        
                        { 
        
                            Control ctrl = LoadControl("WebUserControl2.ascx"); 
        
                            wnd.ContentContainer.Controls.Add(ctrl); 
        
                        } 
        
                    </script> 
        
                   <script type="text/javascript"> 
        
                   <!-- 
        
                      Sys.Application.add_load(function() { 
        
                         var $innerDiv = $('#innerDiv'); 
        
                         $innerDiv.click(function(evt) { 
        
                            var rwnd = $find('<%= wnd.ClientID %>'); 
        
                            var w = this.offsetWidth + 16;     // 16 is a magic number to cope for the borders of the RadWindow... 
        
                            if (rwnd.get_width() != w) { 
        
                               rwnd.set_width(w); 
        
                            } 
        
                            var h = this.offsetHeight + 50;     // 50 is an arbitrary fudge factor to compensate for borders and title bar... 
        
                            if (rwnd.get_height() != h) { 
        
                               rwnd.set_height(h); 
        
                            } 
        
                         }); 
        
                         $innerDiv.click(); 
        
                      }); 
        
                   --> 
        
                   </script> 
        
                </form>

WebUserControl2.ascx

    
            <%@ Control Language="C#" AutoEventWireup="true" CodeBehind="WebUserControl2.ascx.cs" Inherits="WebApplication1.WebUserControl2" %> 
        
            <div id="innerDiv"> 
        
               <div style="width: 500px;"> 
        
                  <input type="radio" id="rb01" name="rb" /><label for="rb01">Show div1</label> 
        
                  <input type="radio" id="rb02" name="rb" /><label for="rb02">Show div2</label> 
        
                  <input type="radio" id="rb03" name="rb" /><label for="rb03">Show none</label> 
        
               </div> 
        
               <div id="div1" style="display:none;"> 
        
                  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras non feugiat sem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p> 
        
               </div> 
        
               <div id="div2" style="display:none;"> 
        
                  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras non feugiat sem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin fermentum nulla tellus, sed sodales lacus. Maecenas ante eros, varius vel euismod ac, condimentum nec purus. In feugiat viverra nulla a porta. Etiam bibendum blandit purus sagittis dignissim. Integer eleifend porta imperdiet. Curabitur vehicula lobortis lorem, et placerat erat venenatis at. Aenean sit amet mauris a elit sagittis ultrices ut eget nisl. In in quam erat. Sed porta molestie ultricies. Pellentesque pulvinar risus eget nisi suscipit in porttitor nulla semper. </p> 
        
               </div> 
        
               <script type="text/javascript"> 
        
               <!-- 
        
                  $("#rb01").click(function() { 
        
                     $("#div1").show(); 
        
                     $("#div2").hide(); 
        
                  }); 
        
                  $("#rb02").click(function() { 
        
                     $("#div1").hide(); 
        
                     $("#div2").show(); 
        
                  }); 
        
                  $("#rb03").click(function() { 
        
                     $("#div1").hide(); 
        
                     $("#div2").hide(); 
        
                  });    
        
               --> 
        
               </script> 
        
            </div>

The problems are:
1) The initial positioning is wrong (Top=100 is not respected). This seems to happen when I add the style="width: 500px;" for the first div.

2) The initial height is wrong: too small.

3) After that, if we resize manually, it seems to work ok where no scrollbars are visible, but if they appear the 16px padding is not enough and the windows becomes narrower on each subsequent click.

4) I tried calling rwnd.autoSize() instead, but it does not produce a good result as the RadWindow is initially too narrow, it sometime moves around in the screen and it always leaves a big blank space in the bottom of the RadWindow. Try it.

So, can you please help me to find out what is the best way to match the windows size to its content ?

Thanks,

Dominic.
using v2009.3.1208.35

Window

answered on 19 Dec 2009

1 answer

117 views

How to hide some control from recurrence?

How to hide some control from recurrence?

Hi, I need to hide the control for End after ... ocurrence, but I don't if this is possible.
How can I hide some control on the recurrence section?

Thank you

Scheduler

answered on 19 Dec 2009

4 answers

267 views

RadToolTip for HTML Table

hi
can anyone help me... how to use radtooltip for html table.... onmouseover event i should call Radtooltip....
please help me
Thanks

ToolTip

answered on 19 Dec 2009

1 answer

112 views

Numeric Pages on Pager Rendering Wrong

The numeric pages on the Pager are not showing up right in my project. If I create a new project, and add in the same code, it works just fine. But in my work project, the current page is not visible and the left part of the background image is cut off. I also cannot do anything with AJAX (200 page from server, nothing updates).

    
            <html xmlns="http://www.w3.org/1999/xhtml"> 
        
            <head id="Head1" runat="server"> 
        
              <title>Untitled Page</title> 
        
            </head> 
        
            <body> 
        
              <form id="form1" runat="server"> 
        
                <telerik:RadScriptManager ID="RadScriptManager1" runat="server"> 
        
                </telerik:RadScriptManager> 
        
                <telerik:RadGrid ID="RadGrid1" AllowSorting="true" AllowPaging="true" PageSize="5" runat="server"> 
        
                    <PagerStyle Mode="NextPrev" /> 
        
                </telerik:RadGrid> 
        
                <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> 
        
                    <AjaxSettings> 
        
                        <telerik:AjaxSetting AjaxControlID="RadGrid1"> 
        
                            <UpdatedControls> 
        
                                <telerik:AjaxUpdatedControl ControlID="RadGrid1" UpdatePanelRenderMode="Block" /> 
        
                            </UpdatedControls> 
        
                        </telerik:AjaxSetting> 
        
                    </AjaxSettings> 
        
                </telerik:RadAjaxManager> 
        
              </form> 
        
            </body> 
        
            </html>

I am not getting any 404 errors (expect when I postback, I get an error saying this._imageDomElement is null in the WebResource.axd for the ScriptManager Hidden Field).

Anyone run into this before and fix it?

Grid

answered on 19 Dec 2009

1 answer

85 views

Your Links

Hi Telerik-
I am using the trial version of the ASP.NET AJAX controls. I am also interested in YOUR LINKS functionality that you have on your home which appears top right when logged on. That seems to be AJAX enabled and our company wants to do something similar. Is this part of any other trial version toolset to try out?
Thanks

General Discussions

answered on 19 Dec 2009

2 answers

348 views

Transfer and Delete event

Hi guy,
there's a way to distinguish between transfer event and delete event?
In my scenario the transferring an item from listBox1 to listBox2 is a simple change of type (white to black), while deleting is remove the item from the application at all.
My problem is with transfer event, so when I click on the transfer button, the delete event is launched and the item gone to deleted state!
This is my code:

                        <telerik:RadListBox runat="server" ID="radListMittentiAttendibili"
                            Height="240px"
                            Width="350px"
                            AllowTransfer="true"
                            AutoPostBackOnTransfer="true"
                            TransferToID="radListMittentiBloccati"
                            OnTransferred="radListMittentiAttendibili_Transferred"
                            AllowDelete="true"
                            AutoPostBackOnDelete="true"
                            OnDeleted="radListMittentiAttendibili_Deleted"
                            SelectionMode="Multiple"
                            DataKeyField="ID"
                            DataTextField="Email"
                            DataValueField="ID"
                        >
                            <ButtonSettings ShowTransferAll="false" ShowReorder="false" VerticalAlign="Middle" ShowDelete="true" />
                        </telerik:RadListBox>
                        <telerik:RadListBox runat="server" ID="radListMittentiBloccati"
                            Height="240px"
                            Width="350px"
                            SelectionMode="Multiple"
                            DataKeyField="ID"
                            DataTextField="Email"
                            DataValueField="ID"
                            AllowDelete="true"
                            AutoPostBackOnDelete="true"
                            OnDeleted="radListMittentiBloccati_Deleted"
                        >
                            <ButtonSettings ShowTransferAll="false" ShowTransfer="false" ShowReorder="false" Position="Right" VerticalAlign="Middle" ShowDelete="true" />
                        </telerik:RadListBox>

Give me a solution, please.

ListBox

answered on 19 Dec 2009

1 answer

214 views

Radwindow Overlap problem

Hi,
I am opening a Radwindow from the main page. Once the Radwindow is opened some of the controls like the microsoft asp.net dropdown controls overlap with the Radwindow control at the edges.
You can include the following code in a asp.net web application and run to see this behavior.

<%

@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>