Questions on UI for ASP.NET AJAX Forum

4 answers

182 views

I have a simple RadGrid with one DetailTable and when I click on the expanding arrow the whole RadGrid collapses (even the MasterTable) and all i see is a line, like the one you see when you have a RadGrid without datasource.

    
                <telerik:RadGrid  
        
                    ID="RadGrid1"  
        
                    runat="server"   
        
                    DataSourceID="ObjectDataSource1"  
        
                    AutoGenerateColumns="False" 
        
                    GridLines="None"> 
        
                    <MasterTableView 
        
                        DataSourceID="ObjectDataSource1"  
        
                        DataKeyNames="Id"> 
        
                        <Columns> 
        
                            <telerik:GridBoundColumn DataField="Id" HeaderText="#" UniqueName="ID"> 
        
                            </telerik:GridBoundColumn> 
        
                            <telerik:GridBoundColumn DataField="ClientName" HeaderText="Client" UniqueName="ClientName"> 
        
                            </telerik:GridBoundColumn> 
        
                            <telerik:GridBoundColumn DataField="ContactPerson" HeaderText="Contact" UniqueName="ContactPerson"> 
        
                            </telerik:GridBoundColumn> 
        
                        </Columns> 
        
                        <DetailTables> 
        
                            <telerik:GridTableView  
        
                                DataSourceID="ObjectDataSource2"  
        
                                DataKeyNames="ClientId"> 
        
                                <ParentTableRelation> 
        
                                    <telerik:GridRelationFields DetailKeyField="ClientId" MasterKeyField="Id" /> 
        
                                </ParentTableRelation> 
        
                                <Columns> 
        
                                    <telerik:GridBoundColumn DataField="Id" HeaderText="Id" UniqueName="Id"></telerik:GridBoundColumn> 
        
                                    <telerik:GridBoundColumn DataField="Text" HeaderText="Text" UniqueName="Text"></telerik:GridBoundColumn> 
        
                                </Columns> 
        
                            </telerik:GridTableView> 
        
                        </DetailTables> 
        
                    </MasterTableView> 
        
                </telerik:RadGrid>

Grid

answered on 19 Dec 2009

3 answers

83 views

[Solved] Drag and drop between gird and panelbaritem

Hi, just wondering if that is possible, the e.HtmlElement returns undefined on AListingsGrid_RowDrop event.

thanks

PanelBar

answered on 19 Dec 2009

1 answer

99 views

Programmatic Grid Postback Issue

I have created an inherited version of the Telerik RadGrid to process programmatic column configuration and build the grid from this.
The grid itself has a column which is templated and contains a link button with the CommandName set to "Select", this is used to fire the SelectedIndexChange event, on which the application redirects the user to another page in the application. This inherited Grid seems to be working fine in all scenarios apart from 1 I have identified.

If the user clicks on a link in the grid they are redirected to a new page, however if they click the Browser back button and click a different link (to go to a different page) the SelectedIndexChanged event is not fired, neither is the LinkButtons click event, the application just posts back to the currently displayed page.

The inherited control is performing all the processing of the column building in an overridden OnInit event if that has any impact on the issue im not sure.

Any help would be most appreciated.

Regards,

Stuart

Grid

answered on 19 Dec 2009

1 answer

71 views

RadAjaxManager with radgrid

Hiii

Iam using radajaxmanager to avoid postbacks,in my page am having a radgrid and inside the radgrid edititemtemplate's there are so many controls,when am giving ajaxcontrolid as radgrid1,and updatedcontrolid as radgrid1.it is avoiding postbacks but the values are getting null for radcombobox,hiddenfields etc when am inserting,am using objectdatasource for inserting and updating.

Ajax

answered on 19 Dec 2009

7 answers

473 views

Refreshing the scheduler control client-side... how?

Hi,

I'm using my own popups to create/edit appointments. When I close my popup, I'd like to tell the scheduler control to refresh itself (via Ajax, if possible). How do I do that?

Thanks,
Alvaro

Scheduler

answered on 19 Dec 2009

5 answers

169 views

[Solved] EnableOpenFile and DBContentProvider

Hi Telerik,
when I want to open a file using DBContentProvider, there is an issue with the opening RadWindow:
The file can't be loaded into this window. This is not a problem in my application, but I don't find a routine to prevent opening this RadWindow.

Best regards,
Andreas

FileExplorer

answered on 19 Dec 2009

1 answer

89 views

Suggestion for inline editing?

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

320 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

108 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

557 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