Questions on UI for ASP.NET AJAX Forum

1 answer

86 views

Height boundary

I have a sitemap that I would like to layout with 3 columns, first row should have 2 nodes, second row with one long node, and third column with 2 nodes. Does the sitemap control not respect the height property and push nodes to other columns?

See my attached screenshot for example.

SiteMap

answered on 28 Jun 2010

0 answers

114 views

ItemsRequested doesnt work correctly

I am using server side code to populate the combobox. and enabled "EnableLoadOnDemand"
The combobox doesnt seem working correctly. When the page first opens, click into the combobox nothing hapens and it is not populated. When I type in something or delete what i typed in then it populates. I tried to change the code to as simple as assigning a datatable to the combobox datasource still no luck..

any idea?

ComboBox

asked on 28 Jun 2010

1 answer

87 views

Pie Chart Problem

Hello,

I have a problem. I need to show a Pie chart populated with databound, but I need to show informations like in this example:

Results
Cities | Population
City1 |50
City2 |10
City3 |40

In the chart Legend:

.City1
.City2
.City3

In each pie (label)
.50
.10
.40

It must be simple, but I dont know how to configure the control to show this. I always have the same values in legend and label.

Thanks

Marcelo

City1 |1000

Chart (Obsolete)

answered on 28 Jun 2010

1 answer

108 views

How to enable editing in Grid?

Hi all,

I have EditItemTemplate for all columns. Whenever I put an GridEditCommandColumn on the grid, it causes the controls to be showed in a column view not in a row view. How can I force it to show them in row layout view?

UPDATE:
Following page (second Grid) is showing editing controls as column too:
http://demos.telerik.com/aspnet-ajax/grid/examples/programming/commanditem/defaultcs.aspx

Thanks in Advance

Grid

answered on 28 Jun 2010

3 answers

424 views

Determine size of ContextMenu before showing???

I'm trying to manually position my context menu, but need some method of finding it's rendered size prior to it actually being shown.

Is this possible?

I have a handle to the object with:

var contextMenu = $find("<%= RadContextMenu1.ClientID %>");

is there some property or method to get its height/width?

Menu

answered on 28 Jun 2010

1 answer

75 views

PagerStyle.AlwaysVisible not working

Hello, I've got a RadGrid that is working perfectly, paging works fine, except that I cannot get the paging footer to display if there are not enough values in the grid. I set the AlwaysVisible property to True, and even check it in the PreRender (it's still true), but I get no footer when the grid renders.

    
            <PagerStyle Mode="NextPrevNumericAndAdvanced" ShowPagerText="True" AlwaysVisible="true" />

I am using a slightly modified version of the Sunset skin, if that matters.

Grid

answered on 28 Jun 2010

1 answer

150 views

[Solved] datakey problem

protected void RadGrid1_ItemDataBound(object sender, GridItemEventArgs e) // similar to RowDataBound event in GridView
{
if (e.Item is GridDataItem)// gets the row collection
{
GridDataItem item = (GridDataItem)e.Item;
rgManager.SelectParameters["proID"].DefaultValue = ????

}
}

what would replace this ???? part.. I am trying to get the datakeyvalue of proID ..I have tried this but it is complaining...
rgManager.MasterTableView.DataKeyValues[e.Item.ItemIndex];
Actually ItemDataBound is not even executing creating grid...Please help..

Grid

answered on 28 Jun 2010

1 answer

148 views

Show Y Data Values on Bar

I've got a bar chart that is setup using the Series Grouping option:

chart.DataManager.ValuesYColumns = new string[1] { "Utilization" };

chart.DataManager.ValuesXColumn = "intervalAsNumeric";

chart.DataManager.UseSeriesGrouping = true;

chart.DataGroupColumn = "groupName";

Everything works great, but I'd like to be able to display the "Utilization" value (Y-Value) on the bar itself. To be clear, I've got the Utilization value that displays along the Y-axis, but I need a value that shows the value of the bar itself -- either on the bar or next to/above it. So far I've been unable to coerce the chart in to showing this. I've tried various properties, none of which work.

Is there someway to display this value?

Thanks

Chart (Obsolete)

answered on 28 Jun 2010

8 answers

307 views

Strange behaviours of insert forms in different browsers

Hi All,

I am using a radgird with static headers, modal popup edit mode and different userccontrols for insert and edit. Things are perfectly working in IE 8. But i am facing lot of strange issues when accessed in ie 6 and firefox 3.5 and above,

In IE 6,

The popup is not coming below the modal background and the page is unusable.

In Mozilla Firefox 3.5.2,

The popup for edit mode works fine while using only the buttons with commandnames. (1 edit commandname button and 1 cancel commandname button). But when i close the popup using the close button in the top, and try to click the edit or Add buttons of the grid the popup is not appearing again.
The popup for insert mode is even worser, it appears only for the first time, validations are working, but the insert commanname button and the cancel commandname buttons are not working.

I didnt tried in safari and other browsers. Please help me since it is an important requirement to make the application to be compatible with all these browsers.

Find below the code in item_command handler.

    
            protected void grid1_ItemCommand(object source, Telerik.Web.UI.GridCommandEventArgs e)  
        
                    {  
        
                        if (e.CommandName == RadGrid.EditCommandName)  
        
                        {  
        
                            //Edit mode  
        
                            e.Item.OwnerTableView.EditFormSettings.UserControlName = "ModifyControl.ascx";  
        
                            e.Item.OwnerTableView.EditFormSettings.PopUpSettings.Height = System.Web.UI.WebControls.Unit.Pixel(400);  
        
                            e.Item.OwnerTableView.EditFormSettings.PopUpSettings.Width = System.Web.UI.WebControls.Unit.Pixel(400);  
        
                            e.Item.OwnerTableView.EditFormSettings.PopUpSettings.ScrollBars = System.Web.UI.WebControls.ScrollBars.Vertical;  
        
                            e.Item.OwnerTableView.EditFormSettings.PopUpSettings.Modal = true;  
        
                        }  
        
                        else if (e.CommandName == RadGrid.InitInsertCommandName)  
        
                        {  
        
                            //Insert mode  
        
                            e.Item.OwnerTableView.EditFormSettings.UserControlName = "AddControl.ascx";  
        
                            e.Item.OwnerTableView.EditFormSettings.PopUpSettings.Height = System.Web.UI.WebControls.Unit.Pixel(400);  
        
                            e.Item.OwnerTableView.EditFormSettings.PopUpSettings.Width = System.Web.UI.WebControls.Unit.Pixel(400);  
        
                            e.Item.OwnerTableView.EditFormSettings.PopUpSettings.ScrollBars = System.Web.UI.WebControls.ScrollBars.Vertical;  
        
                            e.Item.OwnerTableView.EditFormSettings.PopUpSettings.Modal = true;  
        
                        }  
        
                    }

Find below the code of grid.

    
            <telerik:RadGrid ID="grid1" runat="server" AllowFilteringByColumn="True"    
        
                            AllowPaging="True" AllowSorting="True" AutoGenerateColumns="False" GridLines="None"    
        
                            OnNeedDataSource="grid1_NeedDataSource" Skin="Office2007" OnItemCommand="grid1_ItemCommand"    
        
                            OnInsertCommand="grid1_InsertCommand" EnableLinqExpressions="False"    
        
                            OnDeleteCommand="grid1_DeleteCommand" OnUpdateCommand="grid1_UpdateCommand" PagerStyle-AlwaysVisible="true">     
        
                            <MasterTableView CommandItemDisplay="Top" EditMode="PopUp">     
        
                                <RowIndicatorColumn>    
        
                                    <HeaderStyle Width="20px"></HeaderStyle>    
        
                                </RowIndicatorColumn>    
        
                                <ExpandCollapseColumn>    
        
                                    <HeaderStyle Width="20px"></HeaderStyle>    
        
                                </ExpandCollapseColumn>    
        
                                <Columns>    
        
                                    <telerik:GridEditCommandColumn ButtonType="ImageButton" HeaderText="Edit" UniqueName="colEdit">     
        
                                        <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="10%" />    
        
                                        <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" />    
        
                                    </telerik:GridEditCommandColumn>    
        
                                    <telerik:GridBoundColumn DataField="field1" HeaderText="Field1" UniqueName="col1">     
        
                                        <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" />    
        
                                    </telerik:GridBoundColumn>    
        
                                    <telerik:GridBoundColumn HeaderText="Field2" UniqueName="col2" DataField="Field2">     
        
                                        <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" />    
        
                                    </telerik:GridBoundColumn>    
        
                                    <telerik:GridBoundColumn DataField="Field3" HeaderText="Field3" UniqueName="col3"    
        
                                        Visible="False">     
        
                                    </telerik:GridBoundColumn>    
        
                                    <telerik:GridButtonColumn ButtonType="ImageButton" HeaderText="Remove" ImageUrl="~/Images/cancel.gif"    
        
                                        UniqueName="colDelete" CommandName="Delete">     
        
                                        <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="12%" />    
        
                                        <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" />    
        
                                    </telerik:GridButtonColumn>    
        
                                </Columns>    
        
                                <EditFormSettings CaptionFormatString="Edit" InsertCaption="Add"    
        
                                    EditFormType="WebUserControl">     
        
                                    <EditColumn UniqueName="EditCommandColumn" ButtonType="ImageButton" ItemStyle-HorizontalAlign="Right">     
        
                                        <ItemStyle HorizontalAlign="Right" />    
        
                                    </EditColumn>    
        
                                </EditFormSettings>    
        
                            </MasterTableView>    
        
                            <ClientSettings>    
        
                                <ClientEvents OnPopUpShowing="PopUpCentered" />    
        
                                <Scrolling AllowScroll="True" UseStaticHeaders="True" />    
        
                            </ClientSettings>    
        
                        </telerik:RadGrid>

Find below the script i have used to center the popup screen,

    
            <script type="text/javascript">     
        
                    function PopUpCentered(sender, eventArgs) {     
        
                        var popUp = eventArgs.get_popUp();     
        
                        var popUppopUpWidth = popUp.style.width.substr(0, popUp.style.width.indexOf("px"));     
        
                        var popUppopUpHeight = popUp.style.height.substr(0, popUp.style.height.indexOf("px"));     
        
                        var windowHeight = (typeof window.innerHeight != 'undefined' ? window.innerHeight : document.body.offsetHeight);     
        
                        var windowWidth = (typeof window.innerWidth != 'undefined' ? window.innerWidth : document.body.offsetWidth); ;     
        
                        //alert(windowHeight + "##" + windowWidth);     
        
                        //if (popUppopUpHeight == "") popUppopUpHeight = 300; // if the height isn't set on the popup, default to 300px         
        
                        popUp.style.position = "fixed";     
        
                        popUp.style.left = (Math.floor((windowWidth - popUppopUpWidth) / 2)).toString() + "px";     
        
                        popUp.style.top = (Math.floor((windowHeight - popUppopUpHeight) / 2)).toString() + "px";     
        
                    }     
        
                </script>

I am not sure which is causing this problem. Please help.

Regards,
Saravanan K

Grid

answered on 28 Jun 2010

2 answers

96 views

Grid crash with large record sets

Hi,
I am stress testing my grid and have picked up a strange issue. I am binding to a Dataset using the 'NeedDataSource' event that uses the ViewState object. With 10000 records all seems to be fine but with 50000 records I cannot apply filters or even navigate to pages other than page 1?? As soon as I click to navigate to another page or apply a filter I get "Internet Explorer cannot display the webpage". I am running in release config from the VS2010 IDE using the VS webserver & all is local including the database.
Is this a bug or am I doing something wrong in the grid seup?

Grid

answered on 28 Jun 2010