Questions on UI for ASP.NET AJAX Forum

2 answers

71 views

I'm looking to build a collection of SpecialDays from a database where the days will be a collection of events from the current date forward. Each event contains a date, title, summary, description, and time/location. I would like to use this information to display detailed information for each event when the user hovers over the date. I thought I saw a demonstration/ tutorial of this on the Telerik site but I'm having trouble finding it now - has anyone come across this and if so could you point me in the right direction.

Calendar

answered on 24 Jul 2009

3 answers

188 views

open pages in same radwindow

Hi, Telerik.

Can you tell me how to open several web pages on the same radwindow, please?
I´m using:

<

telerik:RadWindowManager ID="RWManager" runat="server" Skin="Yunke" EnableEmbeddedSkins="false" Title="Cargando..." Left="" Top="" Width="" Height=""

Modal="True" Behavior="Resize, Close, Minimize, Maximize, Move, Reload" VisibleStatusbar="false" ShowContentDuringLoad="true" DestroyOnClose="true">

<telerik:RadWindow ID="RWDocumentoInformacion" runat="server" Title="Punto Venta - Yunke" Left="" Top="" Width="700px" Height="450px"

Modal="True" Behavior="Resize, Close, Minimize, Maximize, Move, Reload" NavigateUrl="" ShowContentDuringLoad="true" />

</Windows>

</

telerik:RadWindowManager>

Every time I need to open a web page I do:

var manager = GetRadWindowManager();

var oWindow= manager.open(url,"RWDocumentoInformacion");

But that is not working for the second time I try to open a page.
I know I can use var oWindow= manager.open(url,null); but then the page will be opened in a new radwindow, and I want it in the same radwindow,

Can you help me?
thanks a lot,
Daniel.

Window

answered on 24 Jul 2009

0 answers

215 views

RadTreeView scroll to selected node with "Client Side" Javascript

Hi,

I'am using RadTreeView with much RadTreeViewNodes. The tree itself is nested in an RadAjaxPanel and the RadAjaxPanel is nested in a RadPane of a RadSplitter.

Now when i select a Node in the Tree, the node become highlighted. - fine
Now i scroll down so that the selected node is outside of the current view.
In the next Step I call a javascript Function which perform the following steps:
- Get the RadTreeObject
- selectedNode = tree.get_selectedNode();
- selectedNode.scrollIntoView();

But nothing happens. Of course i checked that selectedNode is not null.
Is there anything to consider ?

regards,

Alex

TreeView

asked on 24 Jul 2009

8 answers

125 views

Disiplay Child-table column values when selected parent-table field

Hi,

I have two tables, one is parent table(Division) and another is child table(Section) and i am able to show all the divisions and sections in combo box. But the problem is that child table is displaying all the column values for which i don't need. When ever the division id is selected, it should display the columns values of section_id belongs to division_id.

This is to be done when a record is inserted/updated.

    
            <Columns>                
        
                           ------------------This is Parent Table Field--------------------------       
        
                                <telerik:GridDropDownColumn DataField="Divsion_ID" DataSourceID="SqlDataSource2" 
        
                                    HeaderText="Division" ListTextField="Division_Name" ListValueField="Division_ID" DataType="System.Int32" 
        
                                    UniqueName="UniqueDivisionName">  
        
                                    </telerik:GridDropDownColumn>   
        
             ------------------------------This is Child Table Field--------------------------------------------------------------
        
            <telerik:GridDropDownColumn DataField="Section_ID" DataSourceID="SqlDataSource3" 
        
                                    HeaderText="Section" ListTextField="Section_Name" ListValueField="Section_ID" DataType="System.Int32" 
        
                                    UniqueName="UniqueSectionName">  
        
                                    </telerik:GridDropDownColumn>   
        
            </Columns>

Thanks.

Regards
Arshad

Grid

answered on 24 Jul 2009

2 answers

194 views

Custom control within grid Template column

Hi,

I have a custom percentage bar control within a GridTemplateColumn. In the grid's ItemDataBound event I set the correct % value for the relevant row.

The problem that I am having is that the control is made up of table elements and as such it seems to be somehow contaminated (for want of a better word!) by the grid styling. This problem is demonstrable when I do a simple table. How do I get around this?

Shown below is the template column along with the progress bar control and also the basic table.

Regards,

Jon

    
            <telerik:GridTemplateColumn  HeaderText="" UniqueName="percentagePresentImg" ItemStyle-Width="120px" Resizable="False" AllowFiltering="False">   
        
                <ItemTemplate>   
        
                    <eo:ProgressBar ID="uxPresentPB" runat="server" Width="100px" ControlSkinID="Windows_Vista"  RepeatIndicatorImage="True"></eo:ProgressBar> 
        
                    <table><tr><td>feubfew</td></tr></table> 
        
                </ItemTemplate>   
        
                <HeaderStyle Width="120px" /> 
        
                <ItemStyle Width="120px"></ItemStyle> 
        
            </telerik:GridTemplateColumn>

Grid

answered on 24 Jul 2009

2 answers

116 views

RadAjaxLoadingPanel remains after Ajax Response

Hello,

I have a single MasterPage with a Content block. I've set up a RadAjaxManager and RadAjaxLoadingPanel on the masterpage that handles all ajax on the site. From time to time the RadAjaxLoadingPanel will fail to close after the Ajax Response.

Below is a code sample from our masterpage:

                            <telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">         
                     
                        <script type="text/javascript">         
                        function adjustLoadingPanelHeight()         
                        {         
                            $get("<%= ajaxLoadingPanel.ClientID %>").style.height = document.documentElement.scrollHeight + "px";         
                            var imgLoading = $get("<%= imgLoading.ClientID %>");         
                            centerLoadingImage(imgLoading);         
                        }         
                                 
                        function centerLoadingImage(element)         
                        {         
                            var scrollTop = document.body.scrollTop;         
                            var scrollLeft = document.body.scrollLeft;         
                            var viewPortHeight = document.body.clientHeight;         
                            var viewPortWidth = document.body.clientWidth;         
                                     
                            if (document.compatMode == "CSS1Compat")         
                            {         
                                viewPortHeight = document.documentElement.clientHeight;         
                                viewPortWidth = document.documentElement.clientWidth;         
                                scrollTop = document.documentElement.scrollTop;         
                                scrollLeft = document.documentElement.scrollLeft;         
                            }         
                                     
                            var topOffset = Math.ceil(viewPortHeight/2 - element.offsetHeight/2);         
                            var leftOffset = Math.ceil(viewPortWidth/2 - element.offsetWidth/2);         
                            var top = scrollTop + topOffset - 40;         
                            var left = scrollLeft + leftOffset - 70;         
                            element.style.position = "absolute";         
                            element.style.top = top + "px";         
                            element.style.left = left + "px";         
                        }         
                                 
                        </script>         
                     
                    </telerik:RadScriptBlock>         
                    <%--11JUN09: Added EnableScriptCombine="false" to scriptMgr--%>         
                    <telerik:RadScriptManager ID="scriptMgr" runat="server" EnableScriptCombine="true"         
                        EnableViewState="False">         
                    </telerik:RadScriptManager>         
                    <telerik:RadStyleSheetManager ID="cssMgr" runat="server" EnableViewState="False">         
                    </telerik:RadStyleSheetManager>         
                    <telerik:RadAjaxManager ID="ajaxMgr" EnableViewState="True" DefaultLoadingPanelID="ajaxLoadingPanel"         
                        runat="server">         
                        <ClientEvents OnResponseEnd="ajaxResponseEnd" />         
                        <ClientEvents OnRequestStart="adjustLoadingPanelHeight();" />         
                    </telerik:RadAjaxManager>         
                    <telerik:RadAjaxLoadingPanel ID="ajaxLoadingPanel" BackColor="#AAAAAA" InitialDelayTime="500" Width="100%"         
                        Height="100%" Style="position: absolute; top: 0; left: 0; text-align: center;         
                        vertical-align: middle; z-index: 1;" Transparency="20" IsSticky="true" runat="server">         
                        <asp:Image ID="imgLoading" runat="server" AlternateText="Loading..." ImageUrl="images/icons/ajax-loader4.gif"         
                            BorderStyle="None" />                     
                    </telerik:RadAjaxLoadingPanel>         

Thanks for the help!

-- Allen

Ajax

answered on 24 Jul 2009

3 answers

142 views

access to radgrid editform in a radmultipage

Hey,

i have a main page called view.ascx.
this page contains a radmultipage control. this control also contains some radpageviews.
on one of these radpageview reference another page called effects.ascx which contains some radgrids.
the first radgrid radgrid1 contains a edit button. when i click this button a editformtemplate opens. these editformtype is a webusercontrol (filename = control1.ascx). these webusercontol contains a button.
if i click on this button a second radgrid appears on my effects.ascx. these radgrid has a select button.
now when i click on this button, i want to set the value of the selected row to my textbox in the control1.ascx.

i hope to get some solution to sort my problem out.

Thanks
Chris

Grid

answered on 24 Jul 2009

1 answer

63 views

[Solved] TimeView.RenderDirection... not in Q1 2009????

This link shows that for TimeView we can set it's rendering direction to either Render in Rows or Render in Columns:

http://demos.telerik.com/aspnet-ajax/calendar/examples/datetimepicker/overview/defaultcs.aspx

RadTimePicker1.TimeView.RenderDirection = RepeatDirection.Horizontal;
RadTimePicker1.TimeView.RenderDirection = RepeatDirection.Vertical;

However, RenderDirection does not seem to be available when I code it.

I'm using Telerik RadControls for ASP.NET Ajax, Q1 2009, .net 3.5 version.

What do I need to do to change the time's rendering direction from Rows to Colums?

Calendar

answered on 24 Jul 2009

1 answer

115 views

Update more than one user controls asynchronously

HI,
I am loading UserControls in DOCK control at run time. Each UserControl has a Timer control with Interval = 1 sec. On each Timer_Tick Event I am calling report and disabling the Timer control itself. User can add more than one user controls on the page at the same time. I thought that all Timer_Tick event fire at the same time but what's happening is it loads all the control on page and fire Timer_Tick event sequentially means it first fire the Timer_Tick event of first UserControl call the report finish the request and go to the Timer_Tick event of second control. Is it possible that all the Timer_Tick events fire at the same time. Do I have to play with RadAjaxManager settings? Please advise.

Thanks
Saqib

Ajax

answered on 24 Jul 2009

1 answer

515 views

Using jQuery to get RadComboBox value

How can I use jQuery to call methods on a RadComboBox?

For example, the following code works fine

    
            var dropFind = $find("<%= RadComboBox1.ClientID %>"); 
        
            var valueFind = dropFind.get_value();

but the following throws the error "Object doesn't support this property or method" when calling dropJQ.get_value()

    
            var dropJQ = $('#' + "<%= RadComboBox1.ClientID %>"); 
        
            var valueJQ = dropJQ.get_value();

Any Ideas?

ComboBox

answered on 24 Jul 2009