Questions on UI for ASP.NET AJAX Forum

8 answers

135 views

Hi,

Am I right that the next version (Q2 2011) will include built in checkbox support for combo boxes. At the moment I have a custom control based on the radcombobox that uses templates to handle checkboxes. It works but so far I have managed to avoid using it with related combos.

Now I will soon have the necessity to do this I'm wondering whether to enhance what my control does or wait for the next release?

Could you confirm if the new version will have built in checkbox support and if so when can we expect the beta for testing?

Regards,

Jon

ComboBox

answered on 18 Jul 2011

4 answers

126 views

Get the RowData of the Selected Row

I have a RadGrid with a GridClientSelectColumn and a bunch of GridBoundColumn.
Databinding is going on fine.
But, when click on the checkbox of the GridClientSelectColumn, I want to get the data of that particular Row. How will I do it??

What I have attempted is using the OnSelectedIndexChanged event. But the problem I am facing is, when ever I do a radGrid1.SelectedItems[0], it gives me OutofBounds error. I did EnablePostBackOnRowClick=true, in clientsettings, allowrowselect=true . The event is also being hit successfully, but I am not able get the selectedrows this way. Is there any other way to accomplish what I want to do??

Once again, I want to get the data of a particular Row which is selected. How can I do it??

Thanks in advance.

Yash

Grid

answered on 18 Jul 2011

7 answers

69 views

Problem with page on new host

I have an application running on one server with no problems. It uses Telerik controls heavily for expand/collapse with grids, AJAX, "pop up" windows, etc.

When I moved the site over to a new server, I was getting an issue with Medium security level, which I fixed by setting the propertyRestoreOriginalRenderDelegate="false" on my RadAjaxManager and RadAjaxPanel controls per instructions on the forum - that is the only difference in code.

However, when I try to click the expand button in my grid on the new site, I get a page error:

Message: Sys.InvalidOperationException: Could not find UpdatePanel with ID 'ctl00_Content_ctl00_Content_grdProcessPanel'. If it is being updated dynamically then it must be inside another UpdatePanel.
Line: 6
Char: 62099
Code: 0

Any ideas what could be causing this? Again, the only difference between this code and the code that works is my change to the propertyRestoreOriginalRenderDeleage property. I'm not sure what else to look for.

Ajax

answered on 18 Jul 2011

5 answers

117 views

Grid / Hierarchy with Templates Editing Data

hi

i have been following the example from
http://demos.telerik.com/aspnet-ajax/grid/examples/hierarchy/nestedviewtemplate/defaultcs.aspx

and taken it to the point where on each tab in the template the user can edit/add data within it.
also another difference is the RadGrids in each tab are only simple grids , no heirachy etc,

the problem i am having is accessing field data from the top level grid , as i need it for the insert forms.

currently the only time i seem to be able to access the ControllingRows Data is on the PreRender event of the Parent Grid , at any point after that i cant seem to access the Parent Row.

i dont know its at the right point , but on the InsertCommand for the grids in the innerContainer i cant seem to find a way to access the parent row from the top level grid.

can anyone suggest the correct way so access the data.

Peter.

Grid

answered on 18 Jul 2011

4 answers

179 views

Width % problem with splitter in tab/Pageview

I am attempting to use the splitter control inside a tab but the width is defaulting to a fixed value (398px) rather than the 100% width I've specified. I am using Q1 2010... When I view the generated HTML the <div/> tags for the splitter container and each pane all have a style attribute that specifies width:398px. Any help would be greatly appreciated! Here is a sample page that illustrates what is happening:

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Dialog.aspx.cs" Inherits="TelerikTester.Dialog" %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/tr/xhtml11/dtd/xhtml11.dtd">   
        
            <html xmlns="http://www.w3.org/1999/xhtml"> 
        
            <head runat="server"> 
        
                <title>Dialog</title> 
        
                <style type="text/css"> 
        
            html, body, form  
        
            { 
        
                margin:0; 
        
                padding:0; 
        
                height: 100%;  
        
                width: 100%; 
        
            } 
        
                </style> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server" submitdisabledcontrols="true"> 
        
                <telerik:RadScriptManager ID="RadScriptManager1" runat="server"> 
        
                    <Scripts> 
        
                        <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" /> 
        
                        <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" /> 
        
                    </Scripts> 
        
                </telerik:RadScriptManager> 
        
                <telerik:RadAjaxManager ID="AjaxManager1" runat="server" /> 
        
            <telerik:RadSplitter ID="spltMain" runat="server" Width="100%" Height="100%" Orientation="Horizontal" BorderSize="0" BorderStyle="None"> 
        
            <telerik:RadPane ID="rpHeader" runat="server" Height="60px" MaxHeight="60" Locked="true" Scrolling="None"> 
        
            Header 
        
            </telerik:RadPane> 
        
            <telerik:RadPane ID="rpTabs" runat="server" height="25px" MaxHeight="25" Locked="true"> 
        
            <div style="height: 100%; vertical-align: bottom;"> 
        
            <telerik:RadTabStrip ID="rtsDialog" runat="server" Skin="Black" EnableEmbeddedSkins="true" MultiPageID="rmpDialog" SelectedIndex="0"> 
        
                <Tabs> 
        
                    <telerik:RadTab Text="Tab1" Value="Tab1" Selected="true" PageViewID="rpvTab1" /> 
        
                    <telerik:RadTab Text="Tab2" Value="Tab2" PageViewID="rpvTab2" /> 
        
                </Tabs> 
        
            </telerik:RadTabStrip> 
        
            </div> 
        
            </telerik:RadPane> 
        
            <telerik:RadPane ID="rpBody" runat="server" Scrolling="None"> 
        
            <telerik:RadMultiPage ID="rmpDialog" runat="server" Width="99%" Height="98%" ScrollBars="Vertical" SelectedIndex="0" RegisterWithScriptManager="true" 
        
                    BorderStyle="Solid" BorderWidth="1" BorderColor="#333333" > 
        
                <telerik:RadPageView ID="rpvTab1" runat="server" Height="100%"> 
        
                <asp:Panel ID="pnlTab1" runat="server"> 
        
                    Tab1 
        
                </asp:Panel> 
        
                </telerik:RadPageView> 
        
                <telerik:RadPageView ID="rpvTab2" runat="server"> 
        
                    <telerik:RadSplitter ID="splitTab2" runat="server" Width="100%" Orientation="Horizontal"> 
        
                        <telerik:RadPane ID="paneTab2Filter" runat="server" Width="100%" MaxHeight="200" Scrolling="None"> 
        
                            Filter 
        
                        </telerik:RadPane> 
        
                        <telerik:RadSplitBar ID="barTab2" runat="server" CollapseMode="Both" Visible="true" Width="100%" /> 
        
                        <telerik:RadPane ID="paneTab2Grid" runat="server" Scrolling="None" Width="100%"> 
        
                            Grid 
        
                        </telerik:RadPane> 
        
                    </telerik:RadSplitter> 
        
                </telerik:RadPageView> 
        
            </telerik:RadMultiPage> 
        
            </telerik:RadPane> 
        
            </telerik:RadSplitter> 
        
                </form> 
        
            </body> 
        
            </html>

Splitter

answered on 18 Jul 2011

10 answers

195 views

RadDatePicker enable disable issue in IE8 and Mozilla

Hi,

We are using telerik version 2011.1.413.35. We use telerik RadDatePicker. My criteria is to enable or disable DatePopUpButton based on the check in the check box. The following code i have used,

<asp:CheckBox ID="CheckBoxNoExpiration" runat="server" Text="No Expiration" Checked="true"

CssClass="chkBox" onclick="javascript:return ToggleDatePicker();" />

<telerik:RadDatePicker DateInput-DisplayDateFormat="MM/dd/yyyy" ID="RadExpiryDate"

EnableEmbeddedSkins="false" Skin="Web20" Culture="en-US" Width="100px" MinDate="01/01/1900"

runat="server" TabIndex="11">

<Calendar ID="Calendar1" runat="server" EnableEmbeddedSkins="false" ShowOtherMonthsDays="false"

ShowRowHeaders="false" Skin="Web20" BorderWidth="1">

<SpecialDays>

<telerik:RadCalendarDay Repeatable="Today" Date="">

<ItemStyle BackColor="#E0F0FF" BorderColor="Gray" />

</telerik:RadCalendarDay>

</SpecialDays>

</Calendar>

<DateInput runat="server" ID="radDateExpiry" DateFormat="MM/dd/yyyy" Culture="en-US"

MaxLength="10" ReadOnly="false" MinDate="01/01/1900" Style="height: 16px; background: white;

padding-top: 3px; border: 1px solid #7F9DB9; text-align: left; margin-top: 1px;

font-size: 13px; font-family: Verdana, Verdana, Sans-Serif; color: black;">

</DateInput>

<DatePopupButton HoverImageUrl="../Images/calendar.png" ImageUrl="../Images/calendar.png"

Enabled="false" />

</telerik:RadDatePicker>

The scripts for enabling and disabling DateInput and DatePopUpButton are,

function ToggleDatePicker() {

setTimeout(SetEnablePropertyToExpDate, 100);

}

function SetEnablePropertyToExpDate() {

setTimeout(SetEnablePropertyToExpDate, 100);

var CheckBoxNoExpiration = document.getElementById('<%= CheckBoxNoExpiration.ClientID %>');

var DatePicker = $find('<%= RadExpiryDate.ClientID %>');

var MandatoryMark = document.getElementById('<%= MandatoryMark.ClientID %>');

if (CheckBoxNoExpiration != null) {

if (CheckBoxNoExpiration.checked) {

if (MandatoryMark != null)

MandatoryMark.style.display = 'none';

DatePicker.get_dateInput().disable();

DatePicker.get_dateInput.onclick = function() { return false; };

DatePicker._popupButton.disabled = true;

DatePicker._popupButton.onclick = function() { return false; };

}

else {

if (MandatoryMark != null)

MandatoryMark.style.display = 'inline';

DatePicker.get_dateInput().enable();

DatePicker._popupButton.disabled = false;

DatePicker._popupButton.onclick = function() { DatePicker.togglePopup(); return false; };

}

My problem is the DateInputButton shown as disbled in firefox irrespective of the check. but i can click the popup and retrieve the date. only the appearance shows as disabled. In IE8 the appearance of the DateInputButton is shown as enabled irrespective of the check. Is there any way to solve this? Please guide me.

Thanks,
Hema.

Calendar

answered on 18 Jul 2011

12 answers

253 views

RadGrid Column Headers Out of Sync (IE8)

I have a RadGrid inside a user control that is placed on a page inside a div tag. I am setting the width to 100% so that when screen resolutions change, the grid expands or shrinks to correctly fill entire container. I have UseStaticHeaders set to true and fixed widths on the columns. When the grid loads in IE 8, the columns expand correctly but the headers are compressed and end about 1/2 of the way across the grid. The footer does the same thing (In Firefox, everything works correctly). Also, if I set UseStaticHeaders to "false", it also works correctly but then I have to scroll down to see the footer. When the grid loads, if I double-click on one of column headers, they all expand correctly to fill the grid. I just can't seem to get them to do that initially without having to double-click on them. I downloaded and installed the latest Telerik patch (2009.3.1208.35), but it did not help.

Grid

answered on 18 Jul 2011

1 answer

61 views

IE8 crash after image resize

If I have a RadEditor on a page in edit mode (i.e. I can edit text/add images), and have an image pasted from the web, and resize the image, IE8 will crash on postback.

I also had the crash without resizing, when I added an image from IE7, saved, then opened the page from IE8 and simply saved without doing anything.

Also, what's the IE version support for resize and paste of images?

Thanks,

Jeff

Editor

answered on 18 Jul 2011

3 answers

179 views

Question about height window in the browser

Hi, my name is Daniel Castro and I have a question:

I need configure one application that include: Image Header (116px height fixed), Image footer (95px height fixed) and the body (controls telerik).

How to set this body for the total height (header + body + footer) be 100% of the browser window.

If I configure the body height to 100%, this don't disscount the header and the footer height.

I attach an image.

Thank's for your assistance.

General Discussions

answered on 18 Jul 2011

1 answer

133 views

Headers not aligning when using a repeater

If I use a repeater with my Telerik:RadGrid the headers do not align with table cells.

An example can be found here.

http://img40.imageshack.us/img40/1810/issuel.png

As you can see in the first instance of the table the headers align correctly with the data and they don't overlap above the scroll bar. On the table below the headers dont align and they do overlap above the scroll bar.

The MasterTableView and Columns have the same settings and structure as they are produced using a asp repeater.

So basically I was just wondering whether anyone has had a similar problem and whether they have a solution.

Let me know if you need to see any code.

Grid