Questions on UI for ASP.NET AJAX Forum

1 answer

122 views

I used WebBlue skin for RadGrid for asp.net ajax, how to modify the existing skin (WebBlue) , can u give me the sample coding.

thanks

Grid

answered on 29 May 2009

1 answer

80 views

AJAX Manager + Grid results in viewstate errors

I have an instance where a Radgrid is being ajaxified via a RadAjaxManager. The problem we're having is related to the user trying to interact with the grid when an ajax request is being performed and the user clicks on something else. For example, the grid does not have paging enabled and has maybe 50 rows. If the user clicks edit for a row and the ajax request begins (loading panel displays), using IE, the user can click edit for another row before the first request completed. Whent they do this, an http exception occurs (see below).

In Firefox, you can't interact with the grid during an ajax request and this isn't a problem. It's only when the user is using IE. Any help to prevent this in IE would be greatly appreciated!

Here's the exception...

System.Web.HttpException: Failed to load viewstate. The control tree into which viewstate is being loaded must match the control tree that was used to save viewstate during the previous request. For example, when adding controls dynamically, the controls added during a post-back must match the type and position of the controls added during the initial request.

Ajax

answered on 29 May 2009

4 answers

91 views

Problem while adding several values from dropdown

Hi all,

I am using rad editor with a dynamic dropdown.

While adding several values from dropdown, sometimes it starts placing newly added values in start of the editor (Control moves to beginning of the document automatically), instead of where the cursor was previously set.

Can anybody suggests, how to get rid of this?

Regards,

Yasir

Editor

answered on 29 May 2009

1 answer

190 views

Mac OS Safari problems and Scroll Bar issues

Hi,

Please check the following link:

http://agstech.co.in/gyso/member/contactmaster.aspx

I need to remove the frame scroll bars and when a user clicks on the filter icon just after "Action" column and enable columns, it should get width of their page and they should get the main horizontal bar of the browser and not like frame.

I am getting the following issues in Mac OS safari:

1) Even if I don't have the columns ticked in hide/show columns filter, it is showing me all the columns

http://www.freeimagehosting.net/uploads/42d7fd3b0e.png

2) This is the hide/show column. Still I am getting all the columns

http://www.freeimagehosting.net/uploads/eff85f9d4d.png

3) When I untick all the columns in hide/show columns, I am still getting all the columns:

http://www.freeimagehosting.net/uploads/089bbb664c.png

http://www.freeimagehosting.net/uploads/ce129d9f1e.png

4) When I click on something, then I get the following:

http://www.freeimagehosting.net/uploads/c8840968bb.png

Please help!

Thanks,

Dhananjay

Splitter

answered on 29 May 2009

5 answers

195 views

Odd viewstate error

I'm running into an odd viewstate error. The official error I'm getting is "The state information is invalid for this page and might be corrupted."

Here's how to reproduce. Create two pages. Mine both used a master page but I don't think that matters in this case. The first page simply needs a link to the second page. On the second page, add a RadGrid and RadAjaxManager like so:

    
                <telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="False" 
        
                    GridLines="Horizontal" 
        
                    OnNeedDataSource="RadGrid1_NeedDataSource" 
        
                    AllowAutomaticDeletes="True" AllowAutomaticInserts="True" AllowAutomaticUpdates="True" > 
        
                    <MasterTableView DataKeyNames="Key" EditMode="InPlace" CommandItemDisplay="Top"> 
        
                        <Columns> 
        
                            <telerik:GridEditCommandColumn> 
        
                            </telerik:GridEditCommandColumn> 
        
                            <telerik:GridBoundColumn DataField="Name"> 
        
                            </telerik:GridBoundColumn> 
        
                        </Columns> 
        
                    </MasterTableView> 
        
                </telerik:RadGrid> 
        
                <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> 
        
                    <AjaxSettings> 
        
                        <telerik:AjaxSetting AjaxControlID="RadGrid1"> 
        
                            <UpdatedControls> 
        
                                <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="GridLoadingPanel" /> 
        
                            </UpdatedControls> 
        
                        </telerik:AjaxSetting> 
        
                    </AjaxSettings> 
        
                </telerik:RadAjaxManager> 
        
                <telerik:RadAjaxLoadingPanel ID="GridLoadingPanel" runat="server" Transparency="30"> 
        
                    <img alt="Loading..." 
        
                        style="margin-top: 100px; border-width: 0px;"  
        
                        src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>' /> 
        
                </telerik:RadAjaxLoadingPanel>

In my case, the grid's data source in the NeedDataSource event is a custom collection of "Foo" items which look like:

    
                public class Foo 
        
                { 
        
                    #region public string Key 
        
                    private string _key; 
        
                    public string Key 
        
                    { 
        
                        get { return _key; } 
        
                        set { _key = value; } 
        
                    } 
        
                    #endregion 
        
                    #region public string Name 
        
                    private string _name; 
        
                    public string Name 
        
                    { 
        
                        get { return _name; } 
        
                        set { _name = value; } 
        
                    } 
        
                    #endregion 
        
                }

To reproduce the problem do the following:
1. Go to your first page and use your link to navigate to the second page.
2. Click the "Add" button on the grid.
3. Hit the (evil) Back button on your browser.
4. Hit the (more evil) Forward button on your browser.
5. Click the "Add" button again.

If I disable ViewState MAC checking, I get an Invalid ViewState error.

Is there a fix for this other than user education?

Ajax

answered on 29 May 2009

3 answers

435 views

Color Picker in Modal Popup display none

One of the pages that I have uses a Rad Color Picker inside of a modal popup. When we upgraded our project to Q1 2009 of the ASP .NET AJAX suite, I noticed this page suddenly exhibited odd behavior.

When the modal popup appeared with the color picker on it, the color picker UI was completely messed up. All the color rendered in one column down the page, the text boxes were on either side of the column along with the 'no color' button.

I finally realized that if I removed the 'display:none' attribute from the Panel being targetted by the Modal Popup Extender in the AJAX toolkit, the problem went away.

Here is the code I used to display the issue:

    
                <asp:Button ID="btnShowModal" runat="server" Text="Show Modal Popup" /> 
        
                <asp:Panel ID="pnlModal" runat="server" CssClass="modalpopup" style="width:450px;display:none;"> 
        
                    <div style="margin-top:5px;"> 
        
                        <telerik:RadColorPicker ID="RadColorPicker1" runat="server" style="margin-left:5px;"></telerik:RadColorPicker> 
        
                    </div> 
        
                </asp:Panel>                   
        
                <ajaxToolkit:ModalPopupExtender ID="ModalPopup1" runat="server" TargetControlID="btnShowModal" PopupControlID="pnlModal"  
        
                                                    X="200" Y="250"></ajaxToolkit:ModalPopupExtender>

The panel I refer to is "pnlModal". The code above should display the odd behavior I described above. But, once you remove the 'display:none' attribute from the style tag of "pnlModal" the problem is resolved.

Any reason this should occur changing from the Q4 2008 release to the Q1 2009 release?

ColorPicker

answered on 29 May 2009

6 answers

145 views

Checked nodes with no checked childrens don't show

Hi all,

I´m having some problems checking nodes of my RTV. My RTV has tri-state check boxs. Programatically I search for some nodes, using FindNodeByValue(number_of_my_node), and then if i'ts not null, set the node.Checked property to true.

This works well for all nodes (node is show checked) except that ones that has children, but no one children is checked. In this case, the node it's shown unchecked, but if you get all checked values using CheckedNodes, the number_of_my_node is returned correctly.

Can anyone help me with this issue.

Thanks.

Fer.

TreeView

answered on 29 May 2009

3 answers

169 views

itemtemplate is not working in dropdown filtering

Hi,
I am filtering My grid with dropdownlist. It is working fine. but while i am using Itemtemplate in MyCustomeFilteringColumn
getting Parser Error Message: Type 'FilteringTemplateColumns.MyCustomFilteringColumnVB' does not have a public property named 'itemtemplate'.
Please help me out.

Thanks & Regards,
Pravat Sharma

<custom:MyCustomFilteringColumnVB DataField="Country" FilterControlWidth="180px" HeaderText="Custom TemplateColumn Country">
<headerstyle width="25%" />
<itemtemplate>

          <asp:LinkButton ID="lnkProducts" runat="server" ForeColor="black"
          CommandArgument='<%# DataBinder.Eval(Container.DataItem, "ContentID") %>'
                Font-Underline="false" CssClass="labelText" CommandName="Select">
                <%#DataBinder.Eval(Container.DataItem, "Title")%>
          </asp:LinkButton>
      </ItemTemplate>

</custom:MyCustomFilteringColumnVB>

Grid

answered on 29 May 2009

1 answer

62 views

Children inside same row as parent

I would like to know how I can show the child items from a class in the same row as the parent object.

Take this for example:
I fill up the radgrid by binding the grid to a datasource which is a list of Owner items.
Each owner item has a list containing 2 pet items.

How do I show these in the same row in the grid?
eg: column1 show the name of the owner, column 2 shows the name of the first pet ( =list[0].petname) and column 3 shows the name of the second pet ( =list[1].petname). I don't enable viewstate because it needs to get bound each time.

at the moment i have something like the following:

<

telerik:RadPageView ID="rpvOwnerAndPets" runat="server">
<telerik:RadGrid ID="rgOwnerAndPets" runat="server" OnNeedDataSource="rgOwnerAndPets_NeedDataSource"

GridLines="None" BorderWidth="0px" CellPadding="0" ShowHeader="False" OnItemCommand="rgOwnerAndPets_ItemCommand"

AllowMultiRowEdit="True" OnItemCreated="rgOwnerAndPets_ItemCreated">

<asp:HiddenField ID="hfOwnerName" runat="server" Value='<%# Bind("OwnerName") %>' />

<asp:HiddenField ID="hfPetName1" runat="server" Value='<%# Bind("Pets[0].OwnerName") %>' />

<asp:HiddenField ID="hfPetName1" runat="server" Value='<%# Bind("Pets[1].OwnerName") %>' />
...

Could someone help me out?

Grts!

Grid

answered on 29 May 2009

1 answer

66 views

"DeleteColumn" (GridButtonColumn) error

I'm using a RadGrid with MasterTableView and the following GridButtonColumn to delete records in the Grid:

<telerik:GridButtonColumn
ButtonType="ImageButton"
CommandName="Delete"
Text="Delete"
UniqueName="DeleteColumn"
ConfirmDialogType="RadWindow"
ConfirmText="Are you sure?"
ConfirmTitle="Delete Record">
<ItemStyle HorizontalAlign="Center" CssClass="MyImageButton" />
</telerik:GridButtonColumn>

The aspx page with the RadGrid is actually a Content page (partial class), using the Master / Content construct in ASP.NET. I have a RadAjaxManager on the Master and a RadAjaxManagerProxy on the Content page. The Delete button in the grid eventually times out and is throwing the following error:

"Microsoft JScript runtime error: Out of stack space"

If I set the ConfirmDialogType back to "Classic", all is fine and the RadGrid's OnDeleteCommand event fires as expected. Any ideas how to get the "RadWindow" ConfirmDialogType to work correctly? I think this control may be having trouble using the AjaxManagerProxy to find the true AjaxManager on the Master page...I'll appreciate any help.

Grid

answered on 29 May 2009