Questions on UI for ASP.NET AJAX Forum

4 answers

185 views

Rad Tool Tip Manager And Each Rad Treenode

Hi, to simplify my requirement, I would say, I want to display the text of the RadTreeNode in the RadToolTipManager's tool tip

Below is how my code looks currently:

<telerik:RadTreeView ID="MainTree" runat="server" Skin="WebBlue" BackColor="white" EnableDragAndDrop="false" EnableDragAndDropBetweenNodes="false" Height="100%" OnLoad="LoadMainTree" Visible="true" OnContextMenuItemClick="ContextMenuItemClick">

</telerik:RadTreeView>

<telerik:RadToolTipManager ID="RadToolTipManager1" runat="server" OnAjaxUpdate="RadToolTipManager_AjaxUpdate" Skin="Sunset">

</telerik:RadToolTipManager>

RadToolTipManager_AjaxUpdate has following implementation in the code behind:

internal static void RadToolTipManager_AjaxUpdate(object sender, ToolTipUpdateEventArgs e)

{

System.Web.UI.WebControls.Label lblTitle = new System.Web.UI.WebControls.Label();

lblTitle.Text = "Title";

lblTitle.Attributes.Add("style", "font-weight: 700");

System.Web.UI.WebControls.Label lblCaption = new System.Web.UI.WebControls.Label();

lblCaption.Text = "This is the the hard coded string but I want to print the text of the RadTreeNode, over which I hover my mouse...";

e.UpdatePanel.ContentTemplateContainer.Controls.Add(lblTitle);

e.UpdatePanel.ContentTemplateContainer.Controls.Add(lblCaption);

}

The LoadTree Event handler ...

private void LoadTree()

{

RadToolTipManager1.ShowDelay = 100;

RadToolTipManager1.HideDelay = 100;

RadToolTipManager1.AutoCloseDelay = 8000;

RadToolTipManager1.TargetControls.Add("MainTree");

}

Would you please do me a favor by posting codes for the server-side and/or client side, too ? So I can implement the most suitable of those.....

I do not want to go the .ascx way, as demonstrated on the Demo page.

Thanks,
-Aarsh

ToolTip

answered on 26 Sep 2012

1 answer

96 views

Telerik captcha click Generate New Image link more 3 times get script error.

Hi all,
I get a script error after clicking on Generate New Image link more 3 times.
It means that the first and second time, the image is generated successfully.
But in the third time, there is a script error and image is not generated, refer to scripterror.jpg.
Error detail:
Message: Sys.WebForms.PageRequestManagerServerErrorException: An unknown error occurred while processing the request on the server. The status code returned from the server was: 404
Line: 6
Char: 62099
Code: 0
URI: http://[My Server]/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=ctl00_PlaceHolderMain_ctl00_ctl00_ctl00_RadScriptManager1_TSM&compress=1&_TSM_CombinedScripts_=%3b%3bSystem.Web.Extensions%2c+Version%3d3.5.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d31bf3856ad364e35%3aen-US%3a55ab6258-ebc5-40d7-ae7b-b95de6f72668%3aea597d4b%3ab25378d2%3bTelerik.Web.UI%2c+Version%3d2011.3.1115.35%2c+Culture%3dneutral%2c+PublicKeyToken%3d121fae78165ba3d4%3aen-US%3ad841c84c-68bb-4f5c-b77b-50f39a462ac8%3a16e4e7cd%3ab7778d6c%3ae085fe68%3ac08e9f8a%3a1bb784d4%3a11e117d7

My configuration is here:
Browser: IE8
The captcha is integrated into MOSS 2007.
<telerik:RadCaptcha ID="RadCaptchaControl" runat="server" ErrorMessage="The code you entered is not valid."
ValidationGroup="captchagroup" ValidatedTextBoxID="txtRadCaptcha" Display="Dynamic"
EnableRefreshImage="true" CaptchaImage-EnableCaptchaAudio="true" CaptchaImage-UseAudioFiles="true" ImageStorageLocation="Session"
CaptchaImage-AudioFilesPath="_layouts/Audio/RadCaptcha">
<CaptchaImage EnableCaptchaAudio="true" RenderImageOnly="true" ImageCssClass="rcCaptchaImage"
BackgroundColor="#609f0a" TextColor="Black" BackgroundNoise="None" ImageAlternativeText="captcha use audio" />
</telerik:RadCaptcha>
web.config:
<httpHandlers>
<add path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResourceSession, Telerik.Web.UI, Version=2011.3.1115.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4" verb="*" validate="false" />
</httpHandlers>
The reason I configured type="Telerik.Web.UI.WebResourceSession" b/c there are 2 servers (load balance).

<handlers>
<add name="Telerik.Web.UI.WebResource" path="Telerik.Web.UI.WebResource.axd" verb="*" type="Telerik.Web.UI.WebResource, Telerik.Web.UI" />
</handlers>

<location path="Telerik.Web.UI.WebResource.axd">

<system.web>

<authorization>

<allow users="*"/>

</authorization>

</system.web>

</location>

I used UrlRewriter in my app, but I also apply this article: http://www.iis.net/learn/extensions/url-rewrite-module/url-rewriting-for-aspnet-web-forms
<rule name="do not rewrite axd files" stopProcessing="true">
<match url="\.axd$" />
<conditions>
<add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
<add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
</conditions>
<action type="None" />
</rule>
I appreciate if you can help me sort out the problem. Many Thanks.

Captcha

answered on 26 Sep 2012

4 answers

347 views

[Solved] Rad Grid Grouping Problem--Un group is not working properly.

Hello Team,

I am using telerik rad grid and I want to use Grouping events in the telerik grid . It is working but , I am facing some problem with it. Can please help me to get out of it.

Problem is ,

I am using grouping event , why it is not firing? I am loosing data If I did a postback like ungroup . I am even using NeedDatasouce to rebind but no use and even GroupsChanging event is not Firing. This is my sample code . Can you figure out the problem ?

<telerik:RadGrid ID="RadGrid1" runat="server" Width="95%" ShowStatusBar="true"
            AutoGenerateColumns="False" PageSize="7" AllowSorting="True" showgrouppanel="true" GroupingEnabled="true" AllowMultiRowSelection="False"
             OnDetailTableDataBind="RadGrid1_DetailTableDataBind"
           OnPreRender="RadGrid1_PreRender" onsortcommand="RadGrid1_SortCommand" OnItemDataBound="RadGrid1_ItemDataBound" GroupsChanging="RadGrid1_GroupsChanging" NeedDataSource ="RadGrid1_NeedDataSource">
            <PagerStyle Mode="NumericPages"></PagerStyle>
            <MasterTableView Width="100%" DataKeyNames="EnquiryId" AllowMultiColumnSorting="True" GroupLoadMode="server" >

            <GroupByExpressions>
            <telerik:GridGroupByExpression>
                <GroupByFields>
                    <telerik:GridGroupByField FieldName="EnquiryType" />
                </GroupByFields>
                <SelectFields>
                    <telerik:GridGroupByField FieldName="EnquiryType" />
                </SelectFields>
            </telerik:GridGroupByExpression>
        </GroupByExpressions>
                <DetailTables>
                    <telerik:GridTableView DataKeyNames="BusinessEnquiryId" Name="Activities" Width="100%">

                        <Columns>
                        <telerik:GridBoundColumn SortExpression="ActivityDisplayName" HeaderText="Activity Type" HeaderButtonType="TextButton"
                                DataField="ActivityDisplayName" UniqueName="ActivityDisplayName">
                            </telerik:GridBoundColumn>
                             <telerik:GridBoundColumn SortExpression="DateCreated" HeaderText="Date Created" HeaderButtonType="TextButton"
                                DataField="DateCreated" UniqueName="DateCreated" DataFormatString="{0:D}">
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn SortExpression="Message" HeaderText="Message" HeaderButtonType="TextButton"
                                DataField="Message">
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn SortExpression="ActivityStatusName" HeaderText="Status" HeaderButtonType="TextButton"
                                DataField="ActivityStatusName">
                            </telerik:GridBoundColumn>
                        </Columns>
                    </telerik:GridTableView>
                </DetailTables>
                <Columns>
                    <telerik:GridBoundColumn SortExpression="FirstName" HeaderText="FirstName" HeaderButtonType="TextButton"
                        DataField="FirstName">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn SortExpression="LastName" HeaderText="LastName" HeaderButtonType="TextButton"
                        DataField="LastName">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn SortExpression="EnquiryTypeName" HeaderText="EnquiryTypeName" HeaderButtonType="TextButton"
                        DataField="EnquiryTypeName">
                    </telerik:GridBoundColumn>
                   <telerik:GridTemplateColumn>
                   <ItemTemplate>
                     <asp:HyperLink ID="hyCreateActivity" runat="server" Text="Create Activity"></asp:HyperLink>
                     </ItemTemplate>
                   </telerik:GridTemplateColumn>
                </Columns>
            </MasterTableView>
                   <ClientSettings AllowDragToGroup="true" />
        </telerik:RadGrid>

Its very important for me. Can you guys help me get out of the problem?

Grid

answered on 26 Sep 2012

1 answer

114 views

Issue with RAD Dock control

Hi,
I have added a usercontrol in Rad Dock, initially when i show the grid it does not contain any scroll bars after hiding the grid it shows up scroll bars with spaces.
how to avoid not showing spaces, have attached the screen shot.

One more thing, When i maximize and minimize the screen at that time i am able to see the screen with no scrollbars and it is fit correctly.

Please help me with resolving this issue.

General Discussions

answered on 26 Sep 2012

1 answer

205 views

RadAjaxLoadingPanel Not Displaying

Greetings,

I've come across something with the RadAjaxLoadingPanel that I can't quite figure out. In a nutshell, when I have a CSS class associated with a particular div, the loading panel displays as a small sliver above the targeted ASP:Panel when I click the lone RadButton on my page. If I remove the CSS class from the div then the loading panel displays just fine. Any assistance in helping me figure this one out is greatly appreciated as the page itself is quite simple. Shown below is my CSS, code behind, and markup.

The particular line in my markup that is causing odd behavior reads as shown below. Removing the class completely results in the loading panel displaying as expected when clicking the RadButton.
<div class="formContainer">

.formContainer

{

float:left;

margin:-6px 0px 0px 0px;

width:450px;

}

.formContainer input[type=password]

{

width:300px;

}

.formContainer input[type=text]

{

padding-left:3px;

width:298px;

}

.formContainer label

{

float:left;

clear:left;

text-align:left;

width:130px;

}

.formContainer textarea

{

width:300px;

}

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

namespace Demo

{

public partial class Default : System.Web.UI.Page

{

protected override void OnLoad(System.EventArgs e)

{

base.OnLoad(e);

}

protected void OnLogin(object sender, System.EventArgs e)

{

try

{

System.Threading.Thread.Sleep(3000);

}

catch (System.Exception ex)

{

}

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Demo.Default" %>

<!doctype html>

<html>

<head>

<link href="App_Themes/Basic/Style.css" rel="stylesheet" type="text/css" />

<meta charset="utf-8" />

<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible" />

<meta content="width=device-width,initial-scale=1" name="viewport" />

<title>Flowtivity</title>

</head>

<body>

<form runat="server">

<asp:ScriptManager runat="server" />

<telerik:RadAjaxManager runat="server" ID="MainAjaxManager" DefaultLoadingPanelID="MainLoadingPanel">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="LoginButton">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="MainFormPanel" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="MainFormPanel">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="MainFormPanel" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

<ClientEvents OnRequestStart="onRequestStart" OnResponseEnd="onResponseEnd" />

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel runat="server" ID="MainLoadingPanel" />

<telerik:RadInputManager runat="server" ID="MainInputManager">

<telerik:TextBoxSetting InitializeOnClient="true">

<TargetControls>

<telerik:TargetInput ControlID="MainFormPanel" />

</TargetControls>

</telerik:TextBoxSetting>

</telerik:RadInputManager>

<asp:Panel runat="server" ID="MainFormPanel">

<div class="formContainer"> 

<p>

<label>

Email:</label>

<asp:TextBox runat="server" ID="EmailTextBox" Text="" /></p>

<p>

<label>

Password:</label>

<asp:TextBox runat="server" ID="PasswordTextBox" TextMode="Password" /></p>

</div>

</asp:Panel>

<div>

<telerik:RadButton runat="server" ID="LoginButton" Text="Login" Width="90px" OnClick="OnLogin" OnClientClicking="onLogin" />

</div>

<telerik:RadScriptBlock runat="server">

<script type="text/javascript">

function onLogin(sender, e) {

}

function onRequestStart() {

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

btn.disabled = true;

}

function onResponseEnd() {

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

btn.disabled = false;

}

</script>

</telerik:RadScriptBlock>

</form>

</body>

</html>

General Discussions

answered on 26 Sep 2012

2 answers

99 views

[Solved] Always display details table

I have a page that has a hierarchical grid.
The details grid is shown only when the arrow in the parent grid row is clicked.

What should I do to make the details grid always visible?

Thanks.
Gauri

Grid

answered on 26 Sep 2012

1 answer

156 views

Getting error during paging in rad grid

Invalid postback or callback argument. Event validation is enabled using <pages enableEventValidation="true"/> in configuration or <%@ Page EnableEventValidation="true" %> in a page. For security purposes, this feature verifies that arguments to postback or callback events originate from the server control that originally rendered them. If the data is valid and expected, use the ClientScriptManager.RegisterForEventValidation method in order to register the postback or callback data for validation.

Grid

answered on 26 Sep 2012

2 answers

86 views

Facing problem while upgrading VS2005 to VS2010

HI,

We are using Telerik

Telerik.Web.UI, Version=2009.3.1103.20 and we are upgrading our VS 2005 application to VS 2010. We are facing many problems in RadCombobox, TabStrip, Hierarchy Grid functionalities.

How to go about this?

Grid

answered on 26 Sep 2012

3 answers

139 views

Fixed height , static columns rendering problem

Hi
I am using telerik 2012.2.724.35 , I am using fixed header and my grid does not render properly ,, please review the last column
these are grid settings

<telerik:RadGrid ID="radGridPermission" runat="server" Skin="Office2007" AutoGenerateColumns="false" AllowPaging="false" AllowSorting="true" Width="99%" >

<GroupingSettings CaseSensitive="false" />

<ExportSettings OpenInNewWindow="true" >

<Pdf FontType="Link" PaperSize="A4" />

<Excel Format="Html" />

<Csv ColumnDelimiter="Comma" RowDelimiter="NewLine" />

</ExportSettings>

<ClientSettings>

<ClientEvents OnRowSelected="P_OnRowSelected" OnRowDeselected="P_OnRowDeselected" OnRowCreating="P_OnRowCreating" OnRowCreated="P_OnRowCreating" />

<Scrolling AllowScroll="true" FrozenColumnsCount="2" UseStaticHeaders="true"/>

</ClientSettings>

<MasterTableView ShowHeader="true" AllowFilteringByColumn="false" ClientDataKeyNames="UserId" ItemStyle-CssClass="UseHand">

<PagerTemplate>

<uc1:gridFooter ID="gridFooter" runat="server" />

</PagerTemplate>

<Columns>

columns here

This is code behind settings in a common function used by all grids on entire website.

grid.PageSize = GetGridPageSize; // this is 10

grid.PagerStyle.Mode = PagerMode;

grid.PagerStyle.PageButtonCount = GetGridPageSize;

grid.AllowPaging = true;

grid.MasterTableView.AllowFilteringByColumn = false;

grid.PagerStyle.AlwaysVisible = true;

grid.ClientSettings.EnableRowHoverStyle = true;

grid.MasterTableView.TableLayout = GridTableLayout.Auto;

grid.MasterTableView.HierarchyDefaultExpanded = false;

grid.ClientSettings.Selecting.AllowRowSelect = true;

grid.ExportSettings.Pdf.PaperSize = GetPageSize;





Problem is in IE9 compat mode and IE7

Grid

answered on 26 Sep 2012

1 answer

116 views

grid filter vertical alignment issue

Hi everybody,

Considering a grid with columns of two types (bound and numeric), there is an alignment issue inside grid filter row (1-2 pixels depending on browser used). Remark, the JS code produced by grid control for the filter column changes greatly depending on the column type. Anybody knows how to fix this issue ?

See attachment (browser used google chrome 21, left column : bound, right column : numeric)
Thanks !

Grid

answered on 26 Sep 2012