Questions on UI for ASP.NET AJAX Forum

110,824 questions

2 answers

154 views

Rad Tool Tip not displaying in correct location

Greetings,

I am having an issue displaying the tooltip correctly. The first issue:

When it loads, it first is appearing in the bottom right corner, then disappearing and reappearing near the correct location.

Second:

The tooltip only ends up in the correct location every other time. That is, I mouse over it, it appears as expected. I leave the link and tool tip with my mouse till it disappears, then return to the link and it reappears in a different location. I can repeat this any number of times and the result alternates between the correct and incorrect location. See the attached screen shots to see what I am seeing.

Here is my code:

<telerik:RadToolTip runat="server" ID="ttViewAll" TargetControlID="lnkViewAll"

HideEvent="LeaveTargetAndToolTip" Position="TopLeft" RelativeTo="Element" ShowEvent="OnMouseOver"

HideDelay="400">
...
</telerik:RadToolTip>

What can I do to prevent both these issues from happening? Thank you for your help!

- John

ToolTip

answered on 24 Jul 2010

3 answers

266 views

Javascript error when using updatepanel

Hi,

I am new to telerik control. I am upgrading gridview to radgrid.

I am getting error (see image 1.JPG) when i am using radgrid in asp:updatepanel control. am getting this error foreveryaction(like sorting, filtering, editing, row selecting, scrolling). Can anyone help me how to sove this.

I have a linkbutton column in radgrid. when i click the button i am getting error( see image 2.JPG). How to do it in radgrid. I just want to pull sId, orderId, and taskstatus when i clicked on a linkbutton. when i am trying to do this i am getting that error. Please help to solve this.

here is my code

<asp:UpdatePanel ID="rg200UpdatePanel" runat="server">

<ContentTemplate>

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

</telerik:RadScriptManager>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

<ClientEvents OnRequestStart="onRequestStart" />

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="rg200">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="rg200" LoadingPanelID="RadAjaxLoadingPanel1" />

<telerik:AjaxUpdatedControl ControlID="RadMenu1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadMenu1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="rg200" LoadingPanelID="RadAjaxLoadingPanel1" />

<telerik:AjaxUpdatedControl ControlID="RadMenu1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default">

</telerik:RadAjaxLoadingPanel>

<input type="hidden" id="radGridClickedRowIndex" name="radGridClickedRowIndex" />

<telerik:RadGrid ID="rg200" runat="server" AutoGenerateColumns="False" PageSize="30"

Height="550px" Width="100%" AllowPaging="True" AllowSorting="True" AllowMultiRowSelection="True"

EnableHeaderContextMenu="True" GridLines="None" EnableHeaderContextFilterMenu="True"

AllowMultiRowEdit="true" AllowFilteringByColumn="True" OnPreRender="rg200_PreRender"

OnItemCreated="rg200_ItemCreated" EnableViewState="true" OnUpdateCommand="rg200_UpdateCommand"

AllowAutomaticDeletes="false" AllowAutomaticInserts="false" AllowAutomaticUpdates="false"

OnPageIndexChanged="rg200_PageIndexChanged" OnItemCommand="rg216_ItemCommand">

<HeaderStyle Height="20px" BackColor="#004000" Font-Size="8pt" Font-Bold="True" ForeColor="White"

HorizontalAlign="Center" BorderColor="White" BorderWidth="1px" />

<ExportSettings IgnorePaging="true" ExportOnlyData="true">

<Pdf AllowModify="false" AllowPrinting="true" PageBottomMargin="" PageFooterMargin=""

PageHeaderMargin="" PageHeight="11in" PageLeftMargin="" PageRightMargin="" PageTopMargin=""

PageWidth="14in" />

</ExportSettings>

<MasterTableView GridLines="None" DataKeyNames="orderId" CommandItemDisplay="Top"

EditMode="EditForms">

<CommandItemTemplate>

<div style="padding: 5px 5px;">

<table>

<tr class="customFont">

<td align="left">

<b>Bulk Actions</b>

</td>

<td align="left">

<asp:LinkButton ID="btnEditSelected" runat="server" OnClick="btnEditSelected_click"

Visible='<%# rg200.EditIndexes.Count == 0 %>'>Edit Selected</asp:LinkButton>

</td>

<td align="left">

<asp:LinkButton ID="btnUpdateEdited" runat="server" OnClick="btnUpdateEdited_click"

Visible='<%# rg200.EditIndexes.Count > 0 %>'>Update Editing</asp:LinkButton>

</td>

<td align="left">

<asp:LinkButton ID="btnCancel" runat="server" OnClick="btnCancel_click" Visible='<%# rg200.EditIndexes.Count > 0 || rg200.MasterTableView.IsItemInserted %>'>Cancel Editing</asp:LinkButton>

</td>

<td align="right">

<img style="border: 0px; vertical-align: middle;" alt="" src="Images/AddRecord.gif" />

</td>

<td align="left">

<asp:LinkButton ID="LinkButton2" runat="server" CommandName="InitInsert" Visible='<%# !rg200.MasterTableView.IsItemInserted %>'>Add New Record</asp:LinkButton>

</td>

<td align="right">

<img style="border: 0px; vertical-align: middle;" alt="" src="Images/Delete.gif" />

</td>

<td align="left">

<asp:LinkButton ID="LinkButton1" OnClientClick="javascript:return confirm('Delete all selected Records?')"

runat="server" CommandName="DeleteSelected">Delete Selected</asp:LinkButton>

</td>

<td align="right">

<img style="border: 0px; vertical-align: middle;" alt="" src="Images/Refresh.gif" />

</td>

<td align="left">

<asp:LinkButton ID="LinkButton4" runat="server" CommandName="Rebind">Refresh</asp:LinkButton>

</td>

<td align="left">

<asp:ImageButton ID="ExportToWordButton" runat="server" ImageUrl="~/images/ExportToWord.gif"

ToolTip="Export to Word" OnClick="ExportWord_Click" />

<asp:ImageButton ID="ExportToExcelButton" runat="server" ImageUrl="~/images/ExportToExcel.gif"

ToolTip="Export to Excel" OnClick="ExportExcel_Click" />

<asp:ImageButton ID="ExportToPdfButton" runat="server" ImageUrl="~/images/ExportToPdf.gif"

ToolTip="Export to Pdf" OnClick="ExportPdf_Click" />

<asp:ImageButton ID="ExportToCsvButton" runat="server" ImageUrl="~/images/ExportToCsv.gif"

ToolTip="Export to Csv" OnClick="ExportCsv_Click" />

</td>

</tr>

</table>

</div>

</CommandItemTemplate>

<Columns>

<telerik:GridClientSelectColumn UniqueName="ClientSelectColumn" HeaderStyle-Width="3%"

ItemStyle-Width="3%">

<HeaderStyle Width="3%"></HeaderStyle>

<ItemStyle Width="3%"></ItemStyle>

</telerik:GridClientSelectColumn>

<telerik:GridBoundColumn UniqueName="sId" HeaderText="sId" DataField="sId" ReadOnly="true"

Visible="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="orderId" HeaderText="orderId" Visible="false"

ReadOnly="true" DataField="orderId">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="Customer Name" HeaderText="Customer Name" DataField="Customer Name"

ReadOnly="true">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="Market Name" HeaderText="Market Name" DataField="Market Name"

ReadOnly="true">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="LOB" HeaderText="LOB" DataField="LOB" ReadOnly="true">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="Headend Name" HeaderText="Headend Name" DataField="Headend Name"

ReadOnly="true">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="Project Name" HeaderText="Project Name" DataField="Project Name"

ReadOnly="true">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn UniqueName="Site Name" HeaderText="Site Name" DataField="SiteName"

ReadOnly="true">

<ItemTemplate>

<asp:LinkButton ID="lnkSiteName" runat="server" Text='<%# Eval( "Site Name" ) %>'

ForeColor="Blue" CommandName="sitename"></asp:LinkButton>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn UniqueName="Task Status" HeaderText="Task Status" DataField="Task Status"

ReadOnly="true">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="Clarify Account Nbr" HeaderText="Clarify Account Nbr"

DataField="Clarify Account Nbr">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="Site ID" HeaderText="Site ID" DataField="Site ID">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="Quote ID" HeaderText="Quote ID" DataField="Quote ID">

</telerik:GridBoundColumn>

<telerik:GridCheckBoxColumn UniqueName="EDP Created?" HeaderText="EDP Created?" DataField="EDP Created?">

</telerik:GridCheckBoxColumn>

<telerik:GridEditCommandColumn UniqueName="EditCommandColumn" Visible="false" Display="false">

</telerik:GridEditCommandColumn>

</Columns>

<EditFormSettings EditFormType="Template">

<FormTemplate>

<table id="Table1" cellspacing="1" cellpadding="1">

<tr>

<td>

<telerik:RadTabStrip runat="server" ID="RadTabStrip1" Orientation="HorizontalTop"

SelectedIndex="0" MultiPageID="RadMultiPage1">

<Tabs>

<telerik:RadTab Text="Task Data" PageViewID="RadPageView1">

</telerik:RadTab>

<telerik:RadTab Text="Notes" PageViewID="RadPageView2">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage runat="server" ID="RadMultiPage1" SelectedIndex="0">

<telerik:RadPageView runat="server" ID="RadPageView1">

<table id="Table3" cellspacing="1" cellpadding="1" width="250" border="0" class="module">

<tr>

<td>

</td>

<td>

</td>

</tr>

<tr>

<td>

Clarify Account Nbr:

</td>

<td>

<asp:TextBox ID="TextBox1" runat="server" Text='<%# Eval( "Clarify Account Nbr" ) %>'>

</asp:TextBox>

</td>

</tr>

<tr>

<td>

Site ID:

</td>

<td>

<asp:TextBox ID="TextBox2" runat="server" Text='<%# Eval( "Site ID") %>' TabIndex="1">

</asp:TextBox>

</td>

</tr>

<tr>

<td>

Quote ID:

</td>

<td>

<asp:TextBox ID="TextBox3" runat="server" Text='<%# Eval( "Quote ID") %>' TabIndex="2">

</asp:TextBox>

</td>

</tr>

<tr>

<td>

EDP Created?:

</td>

<td>

<asp:CheckBox ID="CheckBox1" runat="server" Text='<%# Eval( "EDP Created?") %>' TabIndex="3">

</asp:CheckBox>

</td>

</tr>

<tr>

<td align="right" colspan="2">

<asp:Button ID="btnUpdate" Text='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Update" %>'

runat="server" CommandName='Update'></asp:Button>

<asp:Button ID="btnCancel" Text="Cancel" runat="server" CausesValidation="False"

CommandName="Cancel"></asp:Button>

</td>

</tr>

</table>

</telerik:RadPageView>

<telerik:RadPageView runat="server" ID="RadPageView2">

</telerik:RadPageView>

</telerik:RadMultiPage>

</td>

</tr>

</table>

</FormTemplate>

</EditFormSettings>

</MasterTableView>

<ClientSettings EnableRowHoverStyle="true" ReorderColumnsOnClient="false" AllowDragToGroup="false"

AllowColumnsReorder="True">

<Scrolling AllowScroll="true" EnableVirtualScrollPaging="false" UseStaticHeaders="true" />

<Selecting AllowRowSelect="true"></Selecting>

<Resizing AllowRowResize="true" AllowColumnResize="True" EnableRealTimeResize="True"

ResizeGridOnColumnResize="False"></Resizing>

<ClientEvents OnRowContextMenu="RowContextMenu" OnRowDblClick="RowDblClick"></ClientEvents>

</ClientSettings>

<PagerStyle Mode="NextPrevAndNumeric" AlwaysVisible="true"></PagerStyle>

</telerik:RadGrid>

</ContentTemplate>

</asp:UpdatePanel>

.cs file

protected void rg216_ItemCommand(object source, GridCommandEventArgs e)

{

try

{

if (e.CommandName.ToLower() == "sitename")

{

GridViewRow rw = (GridViewRow)(((LinkButton)e.CommandSource).NamingContainer);

Label lblsId = (Label)rw.FindControl("lblsId");

Label lblorderId = (Label)rw.FindControl("lblorderId");

Label lblTaskStatus = (Label)rw.FindControl("lblTaskStatus");

//Label lblsId = (Label)e.Item.FindControl("lblsId");

//Label lblorderId = (Label)e.Item.FindControl("lblorderId");

//Label lblTaskStatus = (Label)e.Item.FindControl("lblTaskStatus");

Session["selorderID"] = lblorderId.Text.Trim();

Session["selsID"] = lblsId.Text;

Session["selTaskStatus"] = lblTaskStatus.Text;

ScriptManager.RegisterClientScriptBlock(this.rg200UpdatePanel, this.GetType(), "strSearSiteName", "document.getElementById('ctl00_PagePlaceholder_ifrmPopups').src='OrdDet.aspx'", true);

ScriptManager.RegisterClientScriptBlock(this.rg200UpdatePanel, this.GetType(), "open", "openpopup()", true);

ifrmPopups.Style.Add("height", "409px");

LinkButton lnkSiteName = (LinkButton)rw.FindControl("lnkSiteName");

}

catch (Exception ex)

{

throw ex;

}

Grid

answered on 23 Jul 2010

2 answers

140 views

TimeSlot Attributes

I have an application that limits concurrent and/or overlapping appointments and appointments on special days. I set the TimeSlot.CssClass to "Unavailable" when the limit is reached ot is on a special day. That class sets the TimeSlot bacground image to a particular color and word "Unavailable". The problem presents when there are appointments in the TimeSlot which obscures the background and the word "Unavailable".

I display a RadDock for the Form input when new appointments are allowed and just cancel when not. I supposeI could display a different RadDock to provide "not allowed" feed back when applicable but I'm searching for something simpler. Any ideas?

Scheduler

answered on 23 Jul 2010

1 answer

203 views

Export Image RadGrid to Excel

How do I export an image of radgrid to excel?

Tks!

Grid

answered on 23 Jul 2010

6 answers

260 views

Why does ResolveRootDirectoryAsTree return entire treeview if Tree loads on demand?

We are using a custom provider (copied from this site) to store the pathnames of files in a sql database. Right now we have about 4000 records which represents folders and files. The page is taking about 30-60 seconds to load, and it gets successively slower as people add more files.

If the File Explorer's Treeview loads on demand, as it seemingly does, why is ResolveRootDirectoryAsTree() so recursive? I believe its this function which is causing the slow load time.

FileExplorer

answered on 23 Jul 2010

6 answers

242 views

Filter Text

I have an interesting scenario here that I could use some assistance with.

I have a RadGrid that is bound to the values from one database. One of the columns is an Employee ID. I actually display the Employee Name in the column, but I have to do a lookup to a completely different database to get the Employee Name. This works fine...I just do it in the ItemDataBound event using the Employee ID as DataKeyValue.

My problem comes when I turn this column into a filterable column. The dropdown used for filtering brings back the Employee ID and Employee Name from the outside database and the filtering process works fine. What happens after the column is filtered though is that the filter dropdown displays the Employee ID instead of the Employee Name. This is because the RadComboBox has its Text property set to <%# (Container as GridItem).OwnerTableView.GetColumn("ReqEmpID").CurrentFilterValue %> which of course is the Employee ID that I just filtered on.

What I need to do is after the grid is filtered, I need the dropdown to display the filter text, not the value. Or I need a way to put the Employee Name in that text property after the grid is filtered.

Can you maybe point me in the right direction on how to do that? Thanks!

Grid

answered on 23 Jul 2010

4 answers

77 views

Issues in integrating RadControl asp.net ajax with asp.net mvc

I have problems to get RadChart work in asp.net mvc projects. Errors show ChartImage.axd not found. Does any of you know how to resolve this problem? My asp.net ajax RadControl version is 2009.1.402.35. The mvc version is asp.net mvc2.

UI for ASP.NET AJAX in ASP.NET MVC

answered on 23 Jul 2010

4 answers

181 views

radSplitter and radTabStrip together produce no vertical scrollbar

I have a radSplitter setup that has an orientation set to Vertical. It takes up 100% of the width and height of the page. Inside is a pane set to the following:

    
            <telerik:RadPane ID="paneAlphaTabs" runat="server" Width="90px" Scrolling="Y"> 
        
                        <telerik:RadTabStrip ID="tabAlpha" runat="server" DataTextField="letter" DataValueField="letter" 
        
                            Orientation="VerticalLeft" CausesValidation="False" ClickSelectedTab="True" 
        
                            Height="100%" Width="40px" AutoPostBack="True" Skin="Vista"> 
        
                        </telerik:RadTabStrip>&nbsp; 
        
            </telerik:RadPane>

The TabStrip simply shows the letters A to Z. When the browser window height is smaller than the TabStrip, I am not seeing a vertical scrollbar in the paneAlphaTabs. I do see the scrollbar in other panes with the same setting.

Anyone have any idea how to get the scrollbars to show in this case?

Thanks!

Splitter

answered on 23 Jul 2010

3 answers

184 views

SelectedValue not changing when loading via JavaScript method

Hello,

I have a RadComboBox using EnableLoadOnDemand="true" and I do not want the user to be able to type custom text into this combo box. Looking around I came across this article. These changes work, however when the user clicks a button I need to retrieve the SelectedValue in the combo box. It appears that it does not know an item was selected as the SelectedValue property never changes. Is there a way to handle this?

I could change this to allow the user to type custom text into the combo box, however according to this article the "In load-on-demand scenario the user will be able to type anything into the input area and if no item matches - the input area will be reset to blank." statement does not see to be true because whatever they type in is staying in the box and not being cleared out if the the item is not in the list.

I can go either way, except neither seem to be fully working for me.

Thanks!

ComboBox

answered on 23 Jul 2010

3 answers

149 views

Pager style issue with single page

Hi support,

Having an issue with the ASP.NET AJAX RadGrid pager style that is hopefully and simple fix. Have a pager on a grid set to alwaysvisible=true. When there is more then one page the style is correct set (notice in source class="rgPager Pager"). However, when there is only one page, the pager style is different and hard to read (using the Vista skin). The source class for the pager is class="Pager". Is there an easy solution to this issue.

BTW, just download the ASP.NET 2010 Quarter 2 and that did not fix the problem.

Thanks

-Wayne

Grid

answered on 23 Jul 2010

Top users last month