Questions on UI for ASP.NET AJAX Forum

0 answers

96 views

I spent many time and here it is: http://www.roogle.ch/raum_suchen.aspx

You open a RadWindow from an Image Click with the icon: "?".

The selected value from the RadWindow, will be transfered to the main Page and you can see it in the DropDownList.

Have fun.

Window

asked on 01 Oct 2009

4 answers

107 views

Styling of footer elements missing/broken

I have enabled paging on my rad grid but this seems to not fit in with the design of the RAD Grid.

To see what I mean, visit www.theplaygrounds.co.uk/Labs.aspx you can see the select button is not correctly styled/placed. If you click the number in the footer (For which I assume is the number of rows per page) then you get the drop down but this does not seem to look right, either.

What can be causing this? As the styling of the grid elements themselves is done all by Telerik, I am at a loss.

Thanks

Grid

answered on 01 Oct 2009

2 answers

145 views

can't click on the button by using enter key

I'm using a radformdecorator for a simple login form and for some reason I can't use the Enter key to click on the button and login. Every time I have to use the mouse but many people for convenience use the "enter" button.
How can I fix it?
Thank you!

Input

answered on 01 Oct 2009

2 answers

102 views

Break hour

Hi, how could I show non working hours between working hours as a break time?

For example , if my work day is : 9:13 - 15:18. So, I want to show hours between 13-15 with a different style (as non working hours) because it is actually what it is.

is it possible?

thanks a lot!

fernando

Scheduler

answered on 01 Oct 2009

4 answers

370 views

RadGrid RadContextMenu - conditionally show items

Hello,
I have a RadContextMenu attached to a RadGrid like shown in this demo: http://demos.telerik.com/aspnet-ajax/controls/examples/integration/gridandmenu/defaultcs.aspx?product=grid.

I would like to be able to conditionally disable/enable items in the ContextMenu based on a data element in the Grid. How can I do this? For example, if a field is "true", I would like to have a specific Context Menu Item enabled - otherwise it will be disabled.

Thanks!!

Grid

answered on 01 Oct 2009

6 answers

238 views

Setting MasterTableView Column properties - not sticking

I'm seeing problematic behavior when I set Column properties for a RadGrid via the MasterTableView's Properties dialog. I go in and set up Columns, and they're set up correctly in the dialog box, but when I hit OK, the changes aren't displayed in the .aspx file. HOWEVER, if I then go and set a RadGrid-level property (say, ToolTip text), ALL of the changes then show up. If I don't change something on the RadGrid level, my Column properties just disappear.

I realize I can manually set this stuff in the .aspx file, but I'd prefer to do it via the Properties dialog. Is this a known bug?

Cheers,
Doug

Grid

answered on 01 Oct 2009

4 answers

89 views

[Solved] Decorated button not firing server side event in IE6

I have a decorated button on a page with UseSubmitBehavior="false", an OnClientClick event, and an onclick event. The button will not fire the server side event if the user is using IE6. The code below has 2 buttons. The first button is decorated, although the text color is not correct, and should fire a client and server event but does not fire the server event. The second button is not decorated and works as expected.

Everything works in IE7 or higher, but unfortunately I have some users that must use IE6.

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Default" %> 
        
            <!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></title> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server"> 
        
                    <asp:ScriptManager ID="scriptman" runat="server"></asp:ScriptManager> 
        
                    <telerik:RadFormDecorator ID="RadFormDecorator1" Runat="server" Skin="Web20" DecoratedControls="Buttons" DecorationZoneID="decorationZone" /> 
        
                    <div id="decorationZone"> 
        
                        <asp:Button ID="btnSubmit1" runat="server" Text="Submit"  
        
                            UseSubmitBehavior="false" OnClientClick="SubmitOnlyOnce(this, false)"  
        
                            onclick="btnSubmit1_Click" /> 
        
                    </div> 
        
                    <div>                 
        
                        <asp:Button ID="btnSubmit2" runat="server" Text="Submit"  
        
                            onclick="btnSubmit2_Click"   
        
                            UseSubmitBehavior="false" OnClientClick="SubmitOnlyOnce(this, false)"  /> 
        
                    </div>                 
        
                        <br />                 
        
                        <asp:Label ID="lblMsg" runat="server"></asp:Label>                               
        
                    </div>   
        
                </form> 
        
                <script type="text/javascript"> 
        
                    function SubmitOnlyOnce(control, validatorsExist) { 
        
                        var msg = "Please wait..."; 
        
                        var btn = $get(control.id); 
        
                        if (validatorsExist) { 
        
                            if (Page_ClientValidate()) { 
        
                                Telerik.Web.UI.RadFormDecorator.set_enabled(btn, false); 
        
                                control.value = msg; 
        
                            } 
        
                        } 
        
                        else { 
        
                            Telerik.Web.UI.RadFormDecorator.set_enabled(btn, false); 
        
                            control.value = msg; 
        
                        } 
        
                    }    
        
                </script> 
        
            </body> 
        
            </html>

FormDecorator

answered on 01 Oct 2009

2 answers

133 views

Mouse Hover over the Grid Items causes high CPU usage

Hi,

I have used RadGrid with custom skins.
The problem is if i start hovering the mouse over the grid, the CPU usage drastically

Please help me out.

The custom skin i am using is :

    
            /* r.a.d.menu Web 2.0 skin */ 
        
            .RadMenu_Blue  
        
            { 
        
                background: url(Menu/MenuItemBackground.gif); 
        
                border-left: solid 1px #617fb5; 
        
            } 
        
            .RadMenu_Blue_Context 
        
            { 
        
                background: none; 
        
                border:0; 
        
            } 
        
            .RadMenu_Blue .rmLink 
        
            { 
        
                text-decoration: none; 
        
                color: #fff; 
        
                border-left: solid 1px #c2cfe3; 
        
                border-right: solid 1px #617fb5; 
        
                background: transparent; 
        
            } 
        
            .RadMenu_Blue .rmLink:hover, 
        
            .RadMenu_Blue .rmFocused, 
        
            .RadMenu_Blue .rmExpanded 
        
            { 
        
                color:Black; 
        
                background: transparent url(Menu/MainItemBackgroundHover.gif) no-repeat center; 
        
            } 
        
            .RadMenu_Blue .rmText 
        
            { 
        
                /*background: transparent url(Menu/RootGroupArrowDown.gif) no-repeat right center;*/ 
        
                padding-left: 22px; /* should be adjusted to the size of the images, if they are larger than 16x16px */ 
        
                margin-right: 4px; 
        
                font:10px "segoe ui",arial,sans-serif; 
        
                line-height: 20px; 
        
                padding-right: 24px; 
        
                background-image:none; 
        
            } 
        
            .RadMenu_Blue .rmRootGroup .rmText .rmLeftImage 
        
            { 
        
                margin: 3px 1px 0; /* should be adjusted to the size of the images, if they are larger than 16x16px */ 
        
            } 
        
            .RadMenu_Blue .rmHorizontal .rmExpandBottom,   
        
            .RadMenu_Blue .rmHorizontal .rmExpandTop   
        
            {   
        
              background: transparent url(Menu/RootGroupArrowDown.gif) no-repeat rightright center;   
        
            }  
        
            .RadMenu_Blue .rmVertical .rmExpandLeft, 
        
            .RadMenu_Blue .rmVertical .rmExpandRight   
        
            {   
        
              background: transparent url(Menu/invertedGroupImage.gif) no-repeat rightright center;   
        
            }  
        
            .RadMenu_Blue .rmSlide 
        
            { 
        
                margin-top:-1px; 
        
            } 
        
            .RadMenu_Blue .rmGroup 
        
            { 
        
                border: solid 1px #6788be; 
        
                background: white; 
        
            } 
        
            .RadMenu_Blue .rmGroup .rmLink 
        
            { 
        
                background: white; 
        
                border: 0px; 
        
                border-bottom: solid 1px #f0f2f3; 
        
                color: #333; 
        
            } 
        
            .RadMenu_Blue .rmGroup .rmText 
        
            { 
        
                font-weight: normal !important; 
        
                background: none; 
        
                margin-right: 0 !important; 
        
                padding-left: 30px; 
        
                padding-right: 40px; 
        
                font-size: 10px; 
        
            } 
        
            .RadMenu_Blue .rmGroup .rmLink:hover, 
        
            .RadMenu_Blue .rmGroup .rmFocused, 
        
            .RadMenu_Blue .rmGroup .rmExpanded 
        
            { 
        
                background: #c7d9ef; 
        
                border: 0; 
        
                border-bottom: solid 1px #d8dde0; 
        
            } 
        
            .RadMenu_Blue .rmLeftArrow, 
        
            .RadMenu_Blue .rmRightArrow, 
        
            .RadMenu_Blue .rmTopArrow, 
        
            .RadMenu_Blue .rmBottomArrow, 
        
            .RadMenu_Blue .rmLeftArrowDisabled, 
        
            .RadMenu_Blue .rmRightArrowDisabled, 
        
            .RadMenu_Blue .rmTopArrowDisabled, 
        
            .RadMenu_Blue .rmBottomArrowDisabled 
        
            { 
        
                background: #e7f1ff url(Menu/left.gif) center center no-repeat; 
        
                width: 15px; 
        
                text-decoration:none; 
        
                color:#e7f1ff; 
        
            } 
        
            .RadMenu_Blue .rmTopArrow, 
        
            .RadMenu_Blue .rmTopArrowDisabled 
        
            { 
        
                background-image: url(Menu/top.gif); 
        
                width: 100%; 
        
                height: 15px; 
        
            } 
        
            .RadMenu_Blue .rmBottomArrow, 
        
            .RadMenu_Blue .rmBottomArrowDisabled 
        
            { 
        
                background-image:url(Menu/bottombottom.gif); 
        
                width: 100%; 
        
                height: 15px; 
        
            } 
        
            .RadMenu_Blue .rmRightArrow, 
        
            .RadMenu_Blue .rmLeftArrow 
        
            { 
        
                height: 100%; 
        
            } 
        
            .RadMenu_Blue .rmRightArrow, 
        
            .RadMenu_Blue .rmRightArrowDisabled 
        
            { 
        
                background-image: url(Menu/rightright.gif); 
        
            } 
        
            .RadMenu_Blue .rmVertical .rmSeparator 
        
            { 
        
                padding-top: 2px; 
        
                background: #6788be; 
        
                font-size: 1px; 
        
                line-height: 1px; 
        
            } 
        
            .RadMenu_Blue .rmSeparator .rmText 
        
            { 
        
                display: none; 
        
            } 
        
            .RadMenu_Blue .rmExpandLeft, 
        
            .RadMenu_Blue .rmExpandRight, 
        
            .RadMenu_Blue .rmFocused .rmExpandLeft, 
        
            .RadMenu_Blue .rmFocused .rmExpandRight, 
        
            .RadMenu_Blue .rmExpanded .rmExpandLeft, 
        
            .RadMenu_Blue .rmExpanded .rmExpandRight 
        
            { 
        
                background: transparent url(Menu/invertedGroupImage.gif) rightright center no-repeat; 
        
            } 
        
            .RadMenu_Blue .rmGroup .rmExpandLeft, 
        
            .RadMenu_Blue .rmGroup .rmExpandRight, 
        
            .RadMenu_Blue .rmGroup .rmFocused .rmExpandLeft, 
        
            .RadMenu_Blue .rmGroup .rmFocused .rmExpandRight, 
        
            .RadMenu_Blue .rmGroup .rmExpanded .rmExpandLeft, 
        
            .RadMenu_Blue .rmGroup .rmExpanded .rmExpandRight 
        
            { 
        
                background: transparent url(Menu/groupImage.gif) rightright center no-repeat; 
        
            } 
        
            /*right-to-left support*/ 
        
            .RadMenu_Blue_rtl, 
        
            .RadMenu_Blue_rtl * 
        
            { 
        
                text-align:rightright; 
        
            } 
        
            .RadMenu_Blue_rtl .rmRootGroup .rmText 
        
            { 
        
                padding-left: 24px; 
        
                padding-right: 8px; 
        
                margin-right: 0; 
        
                margin-left: 4px; 
        
            } 
        
            .RadMenu_Blue_rtl .rmGroup .rmText 
        
            { 
        
                margin-left: 0 !important; 
        
                padding-left: 40px; 
        
                padding-right: 30px; 
        
            } 
        
            .RadMenu_Blue .rmLeftImage  
        
            { 
        
                margin: 5px 2px 0; 
        
            } 
        
            .RadMenu_Blue_rtl .rmHorizontal .rmExpandBottom,   
        
            .RadMenu_Blue_rtl .rmHorizontal .rmExpandTop   
        
            {   
        
              background-position:left center;   
        
            }  
        
            .RadMenu_Blue_rtl .rmVertical .rmExpandLeft, 
        
            .RadMenu_Blue_rtl .rmVertical .rmExpandRight   
        
            {   
        
              background: transparent url(Menu/invertedGroupImageRTL.gif) no-repeat left center; 
        
            } 
        
            .RadMenu_Blue_rtl .rmGroup .rmExpandLeft, 
        
            .RadMenu_Blue_rtl .rmGroup .rmExpandRight   
        
            {   
        
              background: transparent url(Menu/groupImageRTL.gif) no-repeat 5px center;   
        
            } 
        
            .RadMenu_Blue_rtl .rmVertical .rmLink:hover .rmExpandLeft, 
        
            .RadMenu_Blue_rtl .rmVertical .rmLink:hover .rmExpandRight, 
        
            .RadMenu_Blue_rtl .rmVertical .rmFocused .rmExpandLeft, 
        
            .RadMenu_Blue_rtl .rmVertical .rmFocused .rmExpandRight, 
        
            .RadMenu_Blue_rtl .rmVertical .rmExpanded .rmExpandLeft, 
        
            .RadMenu_Blue_rtl .rmVertical .rmExpanded .rmExpandRight 
        
            { 
        
                background: transparent url(Menu/invertedGroupImageRTL.gif) left center no-repeat; 
        
            } 
        
            .RadMenu_Blue_rtl .rmGroup .rmLink:hover .rmExpandLeft, 
        
            .RadMenu_Blue_rtl .rmGroup .rmLink:hover .rmExpandRight, 
        
            .RadMenu_Blue_rtl .rmGroup .rmFocused .rmExpandLeft, 
        
            .RadMenu_Blue_rtl .rmGroup .rmFocused .rmExpandRight, 
        
            .RadMenu_Blue_rtl .rmGroup .rmExpanded .rmExpandLeft, 
        
            .RadMenu_Blue_rtl .rmGroup .rmExpanded .rmExpandRight 
        
            { 
        
                background: transparent url(Menu/groupImageRTL.gif) 5px center no-repeat; 
        
            } 
        
            .RadMenu_Blue .rmRootGroup .rmItem .rmDisabled, 
        
            .RadMenu_Blue .rmRootGroup .rmItem .rmDisabled:hover 
        
            { 
        
                -moz-opacity: 0.8; 
        
                opacity: 0.8; 
        
                color: #ccc; 
        
                background: none; 
        
                border-bottom-color: #f3f5f5; 
        
            }

Grid

answered on 01 Oct 2009

2 answers

109 views

Exporting Grid without declarative datasource?

I am struggling with the Grid Export functionality.

To investigate, I took the export demo on my machine, checked that it worked fine.
Removed all excel formatting, checked that it worked fine.

Then, I removed the declarative section of the Grid DataSource and replaced that by a PopulateGrid() function in both the Page_Load and Button4_Click

    
                    <telerik:RadGrid ID="RadGrid1" AllowSorting="True" 
        
                        AllowPaging="True" PageSize="10" runat="server" GridLines="None" 
        
                        Width="95%" > 
        
                        <MasterTableView Width="100%"></MasterTableView> 
        
                    </telerik:RadGrid>

    
                    protected void Button4_Click(object sender, System.EventArgs e)  
        
                    {  
        
                        PopulateGrid();  
        
                        ConfigureExport();  
        
                        RadGrid1.ExportSettings.Excel.Format = Web.UI.GridExcelExportFormat.ExcelML;  
        
                        CheckBox1.Checked = true;  
        
                        RadGrid1.ExportSettings.ExportOnlyData = true;              
        
                        RadGrid1.MasterTableView.ExportToExcel();              
        
                    }  
        
                    void PopulateGrid()  
        
                    {  
        
                        SqlConnection conn = new SqlConnection(System.Configuration.ConfigurationManager.ConnectionStrings["NorthwindConnectionString"].ConnectionString);  
        
                        SqlCommand cmd = new SqlCommand("SELECT CustomerID, CompanyName, ContactName, ContactTitle, Address, PostalCode FROM Customers", conn);  
        
                        conn.Open();  
        
                        SqlDataReader reader = cmd.ExecuteReader();  
        
                        RadGrid1.DataSource = reader;  
        
                        RadGrid1.DataBind();  
        
                    }

At this stage, the demo still works BUT the file exported is empty.

Is there a reason why populating the grid "on the fly" would not work with the export to excel functionality?

Many Thanks

Eric

Grid

answered on 01 Oct 2009

2 answers

187 views

[Solved] Grouping Text Padding

I have a grid that has 2 layers of grouping. First, I have changed the padding-left and
padding-right of the GridGroupColumn to condense the width. I am trying to find what
I need to change the padding of the text from the expand/collapse image. I do not like
the wide space between the two.

Additionally, once I changed the GridGroupColumn padding, the header and item columns
were not aligned. I do not know what is needed to fix this. Padding is changed via Css like
below.

.GridCss .rgGroupCol
{
padding-left:0 !important;
padding-right:0 !important;
}

Thanks.

Grid

answered on 01 Oct 2009