Questions on UI for ASP.NET AJAX Forum

0 answers

104 views

Is it possible to made the tabs autorotate? Let's say I have five tabs. I want each tab to appear for 3 seconds and tehn automatically advanced to the next tab. The tabs should stop roatating as soon as the user clicks on one of them.

Thanks!

TabStrip

asked on 24 Jul 2008

5 answers

167 views

[Solved] Opens and resizes

I have the following code to open a radWindow

    
                    <telerik:RadWindowManager ID="RadWindowManager1" runat="server" Skin="Vista">  
        
                        <Windows> 
        
                            <telerik:RadWindow Skin="Vista" ID="RadWindowComment" runat="server" Title="Comment" Height="580px" Width="800px" Left="150px" ReloadOnShow="true" Modal="true" /> 
        
                        </Windows> 
        
                    </telerik:RadWindowManager>

However when I click on the link to open the window it opens just fine, then resizes to wider window.

I have three small dropdownlist in the radWindow and they have a set width that is smaller than the 200px I have for the window.

What could cause this?

Window

answered on 24 Jul 2008

1 answer

162 views

Bind second table on value of first table

I have two radgrids.
Grid one is based on Querystring field to select appropiate record
Grid two needs to based on value of a column in grid one.

My datasource for grid two looks like this:

    
            <asp:SqlDataSource ID="dsStructure" runat="server"   
        
                        ConnectionString="<%$ ConnectionStrings:csProperty %>"   
        
                        SelectCommand="SELECT [ROLL_NO], [CHAR_OF_CONST], [QUALITY], [SHAPE], [YEAR_BUILT], [YEAR_BUILT_CODE], [CONDITION], [FULL_STOREYS], [PART_STOREYS], [HEIGHT_EFF_DATE_S], [SPLIT], [GROSS_AREA], [TOTAL_BASEMENT], [FINISH_BASEMENT], [FINISH_BASEMENT_TY], [FULL_BATHS], [HALF_BATHS], [NO_OF_BEDROOMS], [NO_OF_FIREPLACES], [HEATING_TYPE], [AIR_CONDITIONING], [GARAGE_TYPE], [GARAGE_SPACES], [STRUCT_CODE] FROM [TX_STRUCT] WHERE ([ROLL_NO] = @ROLL_NO) ORDER BY [CHAR_OF_CONST] DESC">  
        
                         <SelectParameters> 
        
                        <asp:ControlParameter ControlID="RadGrid1" Name="ROLL_NO"   
        
                            PropertyName="SelectedValue" Type="string" /> 
        
                    </SelectParameters> 
        
                    </asp:SqlDataSource>

However, my second grid does not bind, and therefore is not displayed.
I have set DataKeyNames in Grid One, but still no dice.

Please advise,
Thanks
Brett

Grid

answered on 24 Jul 2008

1 answer

133 views

[Solved] Selecting rows on checkbox click (client-side)

How do I select rows on a checkbox click without doing a postback?

Grid

answered on 24 Jul 2008

2 answers

117 views

Toolbar Events not bubbling

Hello,

I am trying to make my grid have a toolbar like the example:

http://www.telerik.com/DEMOS/ASPNET/Prometheus/ToolBar/Examples/ApplicationScenarios/GridCommandItem/DefaultCS.aspx?product=toolbar

When I click the toolbar buttons, the event bubbling doesn't seem to happen.

Here is a simplified example I put together which is not working for me:

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeFile="CommandItemTest.aspx.cs" 
        
                Inherits="CommandItemTest" %> 
        
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
        
            <html xmlns="http://www.w3.org/1999/xhtml"> 
        
            <head 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" runat="server" OnNeedDataSource="needData"> 
        
                            <MasterTableView CommandItemDisplay="Top" AllowAutomaticInserts="true"> 
        
                                <CommandItemTemplate> 
        
                                    <telerik:RadToolBar runat="server"> 
        
                                        <Items> 
        
                                            <telerik:RadToolBarButton Text="Add new" CommandName="InitInsert" ImageUrl="images/Add_User.png" 
        
                                                Visible='<%# !RadGrid1.MasterTableView.IsItemInserted %>'> 
        
                                            </telerik:RadToolBarButton> 
        
                                            <telerik:RadToolBarButton Text="Add this Customer" CommandName="PerformInsert" ImageUrl="images/Add_User.png" 
        
                                                Visible='<%# RadGrid1.MasterTableView.IsItemInserted %>'> 
        
                                            </telerik:RadToolBarButton> 
        
                                        </Items> 
        
                                    </telerik:RadToolBar> 
        
                                </CommandItemTemplate> 
        
                            </MasterTableView> 
        
                        </telerik:RadGrid> 
        
                </form> 
        
            </body> 
        
            </html>

    
            using System; 
        
            using System.Data; 
        
            using System.Configuration; 
        
            using System.Collections; 
        
            using System.Web; 
        
            using System.Web.Security; 
        
            using System.Web.UI; 
        
            using System.Web.UI.WebControls; 
        
            using System.Web.UI.WebControls.WebParts; 
        
            using System.Web.UI.HtmlControls; 
        
            public partial class CommandItemTest : System.Web.UI.Page 
        
            { 
        
                protected void Page_Load(object sender, EventArgs e) 
        
                { 
        
                } 
        
                protected void needData(object sender, EventArgs e) { 
        
                    DataTable dt = new DataTable(); 
        
                    dt.Columns.Add("first"); 
        
                    dt.Columns.Add("second"); 
        
                    DataRow row = dt.NewRow(); 
        
                    row["first"] = "abc"; 
        
                    row["second"] = "def"; 
        
                    dt.Rows.Add(row); 
        
                    RadGrid1.DataSource = dt; 
        
                } 
        
            }

Thanks in advance

Grid

answered on 24 Jul 2008

1 answer

235 views

Ambiguous Reference

I've just installed the Q2 2008 release.

1. I completely deleted the Q1 folder.
2. I completely removed the Q1 DLL's from my project bin
3. I reset my Visual Studio toolbox
4. I removed all <%Reference %> from all aspx pages
5. I added a new Telerik tab to my toolbox and browsed to the Q2 Bin35
6. I dragged a new RadGrid to my aspx page, thus creating a new <% Reference%>
7. I verified that the Telerik.Web.UI dll was not in my GAC
8. I verified that the only Telerik reference in my Web.config is the Charting dll.

I get an ambiguous refernce to ALL telkerik controls. I cannot find where the reference is and I cannot add the reference to my web.config as I don't know the public token...

Thoughts? What am I missing?

Sean
Electronic Arts, Orlando FL

General Discussions

answered on 24 Jul 2008

2 answers

259 views

Binding GridDropDownColumn and RadGrid on runtime

It seems that I can't bind GridDropDownColumn to any datasources in a RadGrid.  Is there anyway where I can bind it to the datasource through GridDropDownColumn?  as you can see, StateColumn.Datasource does not exist.

            GridDropDownColumn StateColumn = new GridDropDownColumn();  
        
            StateColumn.ListTextField = "Text";  
        
            StateColumn.ListValueField = "Value";  
        
            StateColumn.DataField = "StateOrRegion";  
        
            StateColumn.HeaderText = "State"; 
        
            //XmlDataSource States = new XmlDataSource();
            
//States.DataFile = "~Content/States.xml";
            
//States.ID = "StateDatasource";

Grid

answered on 24 Jul 2008

2 answers

96 views

OnClientShowing question

The online doc mentions that the client side "showing" event provides the node clicked using get_node() on the event args. I'm using version 2008.1.619.35 of the dll and I don't see get_node() when I use Firebug.

Is it coming up in the new version or is the documentation wrong? I really need this feature.

Thanks

TreeView

answered on 24 Jul 2008

1 answer

71 views

A question before I start ...

Before I spend lots of time on a task I thought it wise to ask if my idea can be achieved.

I have many user controls, some or all of which may be added to my form based on user selection.

On initial load a list of options is presented to the user in the form of check boxes. The user ticks those required and clicks continue. Based on the user selection I load the appropriate user controls and display a compiled form. Basically the usercontrols consist of grids each of which has AJAX enabled.

One of the user controls is a status monitor to show the user if data has been entered on each of the other usercontrols.

Is it possible for me to trigger an update of the Status monitor control each time any of the data entry user controls are updated? The user clicks update/Insert on a grid in one user control. This will post back to update the database but I now want to update the status control to show the number of entries entered on the grid.

Declan

Ajax

answered on 24 Jul 2008

1 answer

162 views

[Solved] Portal layout - need help

Hi,

I'm working on project where we're going to replace a frameset infrastructure.
Right now I'm evaluating the telerik web.ui component, primarly Splitter and Dock controls.

What want to achive is a portal page that are built up of rows and cols.
The portals height and width should always be 100% of the browser page.
If a page in the portal doesn't fit in the corresponding "cell", scrollbars should become visible in that particular cell only.
Each cell has a header and content part where the header part should'nt be part of the scrolling area.
I've tried using your Dock control but failed when it comes to scrolling support.

I've submitted some html-code below to try to explain my needs.
Is this doable with the telerik control library?

Regards

    
            <html xmlns="http://www.w3.org/1999/xhtml">  
        
            <head> 
        
                <style type="text/css">  
        
                    html, body, form, table  
        
                    {  
        
                        height: 100%;  
        
                        width: 100%;  
        
                        margin: 0px;  
        
                        padding: 0px;  
        
                        overflow: hidden;  
        
                    }  
        
                    .header  
        
                    {  
        
                        height: 23px;  
        
                        background-color: #e6e4e4;  
        
                    }  
        
                </style> 
        
                <title></title>  
        
            </head> 
        
            <body> 
        
                <table border="0" style="background-color: #cecece;">  
        
                    <tr style="height:50%">  
        
                        <td colspan="2">  
        
                            <table border="0" cellspacing="0">  
        
                                <tr> 
        
                                    <td class="header">widget header: vecka.nu</td> 
        
                                </tr> 
        
                                <tr> 
        
                                    <td> 
        
                                        <iframe src="http://vecka.nu" width="100%" height="100%" frameborder="0"></iframe> 
        
                                    </td> 
        
                                </tr> 
        
                            </table> 
        
                        </td> 
        
                    </tr> 
        
                    <tr style="height: 50%">  
        
                        <td style="width:50%">  
        
                            <table cellspacing="0">  
        
                                <tr> 
        
                                    <td class="header">  
        
                                        widget header: vecka.nu  
        
                                    </td> 
        
                                </tr> 
        
                                <tr> 
        
                                    <td> 
        
                                        <iframe src="http://vecka.nu" width="100%" height="100%" frameborder="0"></iframe> 
        
                                    </td> 
        
                                </tr> 
        
                            </table> 
        
                        </td> 
        
                        <td style="width: 50%">  
        
                            <table cellspacing="0" style="background-color:White;">  
        
                                <tr> 
        
                                    <td class="header">  
        
                                        widget header: other content  
        
                                    </td> 
        
                                </tr> 
        
                                <tr> 
        
                                    <td> 
        
                                        <div style="overflow: auto; height: expression((document.body.clientHeight/2 - 46) + 'px')">  
        
                                        content<br /> 
        
                                        <br /> 
        
                                        <br /> 
        
                                        <br /> 
        
                                        <br /> 
        
                                        ....  
        
                                        <br /> 
        
                                        <br /> 
        
                                        <br /> 
        
                                        more content  
        
                                        </div> 
        
                                    </td> 
        
                                </tr> 
        
                            </table> 
        
                        </td> 
        
                    </tr> 
        
                </table> 
        
            </body> 
        
            </html>

Dock

answered on 24 Jul 2008

	<asp:SqlDataSource ID="dsStructure" runat="server"
	ConnectionString="<%$ ConnectionStrings:csProperty %>"
	SelectCommand="SELECT [ROLL_NO], [CHAR_OF_CONST], [QUALITY], [SHAPE], [YEAR_BUILT], [YEAR_BUILT_CODE], [CONDITION], [FULL_STOREYS], [PART_STOREYS], [HEIGHT_EFF_DATE_S], [SPLIT], [GROSS_AREA], [TOTAL_BASEMENT], [FINISH_BASEMENT], [FINISH_BASEMENT_TY], [FULL_BATHS], [HALF_BATHS], [NO_OF_BEDROOMS], [NO_OF_FIREPLACES], [HEATING_TYPE], [AIR_CONDITIONING], [GARAGE_TYPE], [GARAGE_SPACES], [STRUCT_CODE] FROM [TX_STRUCT] WHERE ([ROLL_NO] = @ROLL_NO) ORDER BY [CHAR_OF_CONST] DESC">
	<SelectParameters>
	<asp:ControlParameter ControlID="RadGrid1" Name="ROLL_NO"
	PropertyName="SelectedValue" Type="string" />
	</SelectParameters>
	</asp:SqlDataSource>