Questions on UI for ASP.NET AJAX Forum

2 answers

166 views

[Solved] Do not close tooltip if mouse is in the tooltip

Hi all,
I have a Tooltip (2010 Q2) configured to not automatically close. This works fine. In my tooltip I have some links but as soon as I move the mouse into the Tooltip, the Tooltip disappears :-(
I thought "ShowCallout" is the function I need, right? Get/Set whether the tooltip will hide when the mouse moves away from the target element, or when the mouse [enters] and moves out of the tooltip itself.
So Tooltip should only disappar if the user moves away the mouse from the target or the tooltip. But in my case he moves the mouse away from the target into the tooltip. Would this be a problem? There does not seem to be any difference whether I select 'True' or 'False' because in both cases it stays open as long as I'm in the text, but it closes as soon as I move away (into the tooltip or anywhere else)

ToolTipp = New Telerik.Web.UI.RadToolTipManager

With ToolTipp

.ID = "RadToolTipManager1"

.RelativeTo = Telerik.Web.UI.ToolTipRelativeDisplay.Element

.Position = Telerik.Web.UI.ToolTipPosition.BottomCenter

.AutoTooltipify = False

.ContentScrolling = Telerik.Web.UI.ToolTipScrolling.Default

.Width = 150

.Height = 50

.EnableShadow = True

.AutoCloseDelay = 0 'Do not auomatically close as long as mouse is on the text

.ShowCallout = True

.Modal = False

End With

Thanks in advance!

P.S. Tested with IE6 and IE8

ToolTip

answered on 26 Aug 2010

1 answer

212 views

Grouping with Subgroups

Is there a way to either programmatically or declaritively set grouping on grid and apply subgrouping? For example, on one grid we want to group rows by their status. As subgroups, we'd like to group the rows by user. So we would have group headings for status and within these groups we would have groupings by user.

Is this possible? Thanks!

Grid

answered on 26 Aug 2010

2 answers

92 views

Webmail Grid lost check box session upon scroll down

Hello,

I am planning to use webmail grid on my project, but what i obseved is that... When i select check box, and scroll down, more records are loaded and then i go back and obser the selected check box is no longer selected, ...

How do i maintain this check box selected session?

http://demos.telerik.com/aspnet-ajax/grid/examples/programming/webmailgrid/defaultcs.aspx

Select the fist record check box, and then move down scroll at end, more records are added , and then go up and check the property of check box, its deselected...:<

I want this should be selected...

Please help me...

REgards
Samir

Grid

answered on 26 Aug 2010

2 answers

94 views

[Solved] Customize grid column on the server

Hi,

I have a RadGrid that is programmatically bonded to a dataset from data access layer. I’m trying to change the width and header text of a column in the code behind and whatever I try, the columns collection is always empty. I’ve tried using the DataBound and the PreRender events and the collection is still empty. I also tried the ColumnCreated event, but the column in the event arguments has no header text.

How can I customize the column on run time?

I’m using 2010 Q2 controls.

Thanks,

Sharon.

Grid

answered on 26 Aug 2010

2 answers

146 views

RadGrid with user control edit mode - CaptionDataField empty after postback in usercontrol

Hello,

I'm using RadGrid which is set up to use 'user control' editing mode. I have set CaptionDataField and CaptionFormatString so it should display name of item I'm editing. Within user control I have several tabs which do postback. The first time the user control is shown, name is displayed, however after subsequent postbacks the name disappears and the original format string is shown without substituted value.

I'm wondering whether this scenario is even supported?

Thanks for answer,
Robert

Grid

answered on 26 Aug 2010

3 answers

119 views

RadAjaxLoadingPanel only appears for the first item of Repeater

Hi

I have placed a RadAjaxLoadingPanel on my page and referenced it on my RadAjaxManagerProxy like so:

The LoadingPanel is used to show a loading gif image when any item inside a repeater is deleted.

<telerik:RadAjaxLoadingPanel ID="MyLoadingPanel" runat="server" InitialDelayTime="0">

<asp:Image ID="MyImage" runat="server" ImageUrl="~/images/icons/loading.gif" />

</telerik:RadAjaxLoadingPanel>

<telerik:AjaxSetting AjaxControlID="MyImage">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="MyRepeater" />

<telerik:AjaxUpdatedControl ControlID="MyLinkButton" LoadingPanelID="MyLoadingPanel"/>

</UpdatedControls>

</telerik:AjaxSetting>

The problem is that the loading panel only appears for the first item in the repeater. How can I get it to appear for each Repeater Item?

Thanks.

Ajax

answered on 26 Aug 2010

1 answer

150 views

RAD Tab Strip is not rendering control in browser back button

We are having telerik rad tab strip having 5 tabs. I am loading user control dynamically for each tab in run time. Each user control is having rad grid, with sorting option. All the controls are loaded in a page , which is having rad grid in top, rad pane in left and rad tab strip in bottom. i am facing issue in rad tab strip, scenario below:
1. Clicking on first tab in rad tab strip, control is loaded completely.
2. clicking on next tab( second tab) in rad tab strip, control is loaded completely.
3. again following step :1
4. clicking browser back button , now the second tab is displaying page ( as of step 2)
5. Now i am clicking on the sort button in user control available in second tab
6.control is not rendered only in tab portion, rest of the page is working fine. ( it looks blank).
It is happening across all tabs , only in back button scenario. we are using IE 7 , visual studio 2008.

I had attached the screen shots , i cannot able to attach the code. please let me know the suitable solution as soon as possible.

thanks
Sudhakar

UI for ASP.NET AJAX in ASP.NET MVC

answered on 26 Aug 2010

6 answers

164 views

[Solved] Binding Error - Type does not contain property 'X'

I have a hierarchical grid setup with a single child level. When the page loads the grid shows perfectly fine - all levels (hierarchy mode is Client) show up and everything looks great. When I use the Delete command to remove one of the child items the delete process works fine, however the Rebind method dies. It seems when the Rebind() method gets called the detail table's data source is actually being set to the parent object so upon binding it tells me the type I am trying to call a property off of (ImageName is the property) doesn't exist. Any thoughts here? It doesn't make sense that a Rebind wouldn't work, yet binding when the page loads initially works fine. Here is the code:

protected void grProjects_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)

{

if (!e.IsFromDetailTable)

{

this.grProjects.DataSource = (from c in new DataContext().Projects select c).ToArray();

}

protected void grProjects_DetailTableDataBind(object source, GridDetailTableDataBindEventArgs e)

{

if (e.DetailTableView.Name == "Images")

{

GridDataItem dataItem = (GridDataItem)e.DetailTableView.ParentItem;

e.DetailTableView.DataSource = ((Project)dataItem.DataItem).ProjectItems;

}

<telerik:RadGrid runat="server" ID="grProjects" OnNeedDataSource="grProjects_NeedDataSource" Skin="Windows7" AutoGenerateColumns="false" ShowFooter="false" OnItemDataBound="grProjects_ItemDataBound" OnItemCommand="grProjects_ItemCommand" OnDetailTableDataBind="grProjects_DetailTableDataBind">

<MasterTableView DataKeyNames="Id" CommandItemDisplay="Top" CommandItemStyle-Height="30px" ItemStyle-VerticalAlign="Top" AlternatingItemStyle-VerticalAlign="Top" HierarchyDefaultExpanded="false" HierarchyLoadMode="Client">

<CommandItemTemplate>

<input type="button" class="rgAdd" onclick="javascript:addItem();" style="margin-left: 10px;" /><a href="javascript:;" onclick="javascript:addItem();">Add Project</a>

</CommandItemTemplate>

<Columns>

<telerik:GridTemplateColumn ItemStyle-Width="20px" ItemStyle-Wrap="false">

<ItemTemplate>

<asp:Button runat="server" ID="cmEdit" Text="Edit" CssClass="rgEdit" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn HeaderText="Name" DataField="Name" ItemStyle-Width="125px" />

<telerik:GridBoundColumn HeaderText="Description" DataField="Description" />

<telerik:GridButtonColumn ButtonType="ImageButton" HeaderStyle-Width="20px" ItemStyle-Width="20px" CommandName="Delete" ConfirmDialogType="RadWindow" ConfirmText="Are you sure you wish to permanently remove this project? <br />All images contained inside will be removed as well and this action is not reversible." />

</Columns>

<DetailTables>

<telerik:GridTableView Name="Images" DataKeyNames="Id" CommandItemDisplay="Top" CommandItemStyle-Height="30px" ItemStyle-VerticalAlign="Top" AlternatingItemStyle-VerticalAlign="Top" Width="100%">

<CommandItemTemplate>

<asp:Button runat="server" ID="cmAddItem" CssClass="rgAdd" style="margin-left: 10px;" /><asp:HyperLink runat="server" ID="lkAddItem" Text="Add Image" NavigateUrl="javascript:;" />

</CommandItemTemplate>

<Columns>

<telerik:GridTemplateColumn ItemStyle-Width="20px" ItemStyle-Wrap="false">

<ItemTemplate>

<asp:Button runat="server" ID="cmEdit" Text="Edit" CssClass="rgEdit" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Image" ItemStyle-Width="100px">

<ItemTemplate>

<asp:Image runat="server" ImageUrl='<%# GetImageUrl(Eval("ImageName")) %>' />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Caption">

<ItemTemplate>

<%#(Eval("Caption") != null) ? Eval("Caption").ToString().Replace("\r\n", "<br />") : string.Empty %>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridButtonColumn ButtonType="ImageButton" HeaderStyle-Width="20px" ItemStyle-Width="20px" CommandName="Delete" ConfirmDialogType="RadWindow" ConfirmText="Are you sure you wish to permanently remove this item? <br />This action is not reversible." />

</Columns>

</telerik:GridTableView>

</DetailTables>

</MasterTableView>

</telerik:RadGrid>

Grid

answered on 26 Aug 2010

2 answers

96 views

Grid loses formatting when column is removed

Hi,

Can anyone tell me why the grid is losing it's format when a column is removed?

Steps.

1. Righit click on grid-header
2. Under Columns menu-item, uncheck any column, the grid loses the width and the format.

Please see screen-shot taken.

Any help is highly appreciated.

Many thanks.
MG

Grid

answered on 26 Aug 2010

3 answers

181 views

Ajax Expand/Collapse details

What is the best approach for using a telerik grid control and ajax binding to expand/contract additional columns - showing one or two columns in the grid view and displaying the rest of the columns when the row is selected? The Master-Detail example shows how to display child-related tables, but I just need the remaining columns of the main table displayed in a list view rather than grid view.

Grid

answered on 26 Aug 2010