Questions on UI for ASP.NET AJAX Forum

3 answers

119 views

Tooltipified RadGrid - tool tip is empty

Hello,
i'm implementing the Tooltipified RadGrid on my sharepoint site. I've followed all the instructions on the demo.
Upon mouseover on my radgrid, my tool tip pops-up but it's empty(no content).

I'm using this example: http://demos.telerik.com/aspnet-ajax/tooltip/examples/targetcontrolsandajax/defaultcs.aspx

when I step through the code, the user control for the tooltip is present and I can view the text attribute of the control.

I also stripped down the user control page to a bare minimum to just one label control but I had no success.
At this point I don't know what's causing the tool tip to be blank.

After a few mouseovers on the radgrid items, I get the following error:
-------------

Windows Internet Explorer

Stop running this script?

A script on this page is causing Internet Explorer to run slowly.

If it continues to run, your computer might become

unresponsive.

-----------

ASPX CODE:

<%@ Register Src="ActivityDetails.ascx" TagName="ActivityDetails" TagPrefix="actDetails" %>

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

</telerik:RadAjaxLoadingPanel>

<telerik:RadToolTipManager ID="RadToolTipManager1" OffsetY="-1" HideEvent="ManualClose"

Width="250" Height="350" runat="server" EnableShadow="true" OnAjaxUpdate="OnAjaxUpdate" RelativeTo="Element"

Position="MiddleRight">

</telerik:RadToolTipManager>

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="rgCampaigns">

<UpdatedControls>

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

<telerik:AjaxUpdatedControl ControlID="RadToolTipManager1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

C# Code:

protected void OnAjaxUpdate(object sender, ToolTipUpdateEventArgs args)

{

this.UpdateToolTip(args.Value, args.UpdatePanel);

}

private void UpdateToolTip(string ActivityCode, UpdatePanel panel)

{

Control ctrl = Page.LoadControl("/_controltemplates/WP_Campaigns/ActivityDetails.ascx");

panel.ContentTemplateContainer.Controls.Add(ctrl);

ActivityDetails details = (ActivityDetails)ctrl;

details.ActivityCode = ActivityCode;

}

protected void rgCampaigns_ItemDataBound(object sender, Telerik.Web.UI.GridItemEventArgs e)

{

if (e.Item.ItemType == GridItemType.Item || e.Item.ItemType == GridItemType.AlternatingItem)

{

Control target = e.Item.FindControl("lblTitle");

if (!Object.Equals(target, null))

{

if (!Object.Equals(this.RadToolTipManager1, null))

{

//Add the button (target) id to the tooltip manager

this.RadToolTipManager1.TargetControls.Add(target.ClientID, (e.Item as GridDataItem).GetDataKeyValue("GlobalCode").ToString(), true);

}

reciated:

USER Control ASPX page:

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="ActivityDetails.ascx.cs"

Inherits="Cosmos3.WebPages.ActivityDetails, Cosmos3.WebPages, Version=1.0.0.0, Culture=neutral, PublicKeyToken=5f15fbcafb2bcb72" %>

<asp:Label ID="lbltest" runat="server" Text="Label"></asp:Label>

USER Control C# page:

namespace Cosmos3.WebPages

{

public partial class ActivityDetails : System.Web.UI.UserControl

{

public string ActivityCode

{

get

{

if (ViewState["ActivityCode"] == null)

{

return "";

}

return (string)ViewState["ActivityCode"];

}

set

{

ViewState["ActivityCode"] = value;

}

protected void Page_Load(object sender, EventArgs e)

{

lbltest.Text += "<br>Activity code: "+ActivityCode;

}

your help is highly appreciated.
Thank you.
-roland

ToolTip

answered on 03 Feb 2011

1 answer

90 views

how is refrence MyCustomFilteringColumnCS ?

hi
it dont know MyCustomFilteringColumnCS
how can i MyCustomFilteringColumnCS be green
it black in my code
thanks

Grid

answered on 03 Feb 2011

9 answers

69 views

PLEASE HELP ME!!! bug with ItemStyle HeaderStyle in a grid with custom skin!!! they are not equal!

Good day!
I have got a grid with my custom skin made in the Visual Style Builder.
My custom skin css is here - http://new.globalfarm.ru/FarmPortal/Grid.FarmPortal.css
No matter what i write in ItemStyle Width & HeaderStyle Width - columns look like they wants by themselfs in different browsers :(
HeaderStyle width is not equal with ItemStyle Width!
for example there are attached images for such code in different browsers (it no matter if i write only HeaderStyle Width or both ItemStyle Width & HeaderStyle Width)

<telerik:RadGrid ID="grProducts" runat="server" CssClass="MyGridClass1"
        AllowPaging="True" AllowSorting="True" AutoGenerateColumns="False"
        GridLines="None" Skin="FarmPortal" EnableEmbeddedSkins="false"
        onitemdatabound="grProducts_ItemDataBound" onprerender="grProducts_PreRender" Width="100%">
<MasterTableView Width="100%" TableLayout="Auto">
    <Columns>
        <telerik:GridBoundColumn DataField="Id" HeaderText="Id" ReadOnly="True" UniqueName="Id" SortExpression="Id" Visible="false">
            <HeaderStyle Width="0" />
            <ItemStyle HorizontalAlign="Left" Width="0" />
        </telerik:GridBoundColumn>
        <telerik:GridBoundColumn DataField="Num" HeaderText="№" ReadOnly="True" UniqueName="Num" SortExpression="Num" HeaderStyle-Width="3%" ItemStyle-Width="3%" >
            <HeaderStyle Width="3%" />
             <ItemStyle Width="3%" />
        </telerik:GridBoundColumn>
        <telerik:GridHyperLinkColumn DataNavigateUrlFields="Name" DataTextField ="Name" HeaderText="Наименование" UniqueName="Name" SortExpression="Name" HeaderStyle-Width="65%" ItemStyle-Width="65%">
            <ItemStyle   Width="65%" />
            <HeaderStyle Width="65%" />
        </telerik:GridHyperLinkColumn>
        <telerik:GridBoundColumn DataField="Count" HeaderText="Количество предложений" ReadOnly="True" UniqueName="Count" SortExpression="Count" HeaderStyle-Width="12%" ItemStyle-Width="12%" >
            <ItemStyle HorizontalAlign="Center" Width="12%" />
            <HeaderStyle Width="12%" />
        </telerik:GridBoundColumn>
        <telerik:GridBoundColumn DataField="MinPrice" HeaderText="Мин. цена" ReadOnly="True" UniqueName="MinPrice" SortExpression="MinPrice" DataFormatString="{0:c2}" HeaderStyle-Width="10%" ItemStyle-Width="10%" >
            <HeaderStyle Width="10%" />
            <ItemStyle HorizontalAlign="Center" Width="10%" />
        </telerik:GridBoundColumn>
        <telerik:GridBoundColumn DataField="MaxPrice" HeaderText="Макс. цена" ReadOnly="True" UniqueName="MaxPrice" SortExpression="MaxPrice" DataFormatString="{0:c2}" HeaderStyle-Width="10%" ItemStyle-Width="10%" >
            <HeaderStyle Width="10%" />
            <ItemStyle HorizontalAlign="Center" Width="10%" />
        </telerik:GridBoundColumn>
    </Columns>
</MasterTableView>
    <ClientSettings AllowColumnsReorder="True" AllowDragToGroup="True"
        ReorderColumnsOnClient="True">
        <Selecting AllowRowSelect="True" />
        <Scrolling AllowScroll="True" UseStaticHeaders="True" />
    </ClientSettings>
</telerik:RadGrid>

there width i not equal, in the example in is not very aufull, but in other tables is. I want them to have equal width. What do I do wrong?

Grid

answered on 03 Feb 2011

1 answer

110 views

$telerik not found in IIS 7

I have gone through many forum posts regarding this and made sure that my web.config has the correct settings for telerik.web.ui.webresource.axd. Following is from my web.config. I pasted full content of system.webserver in case there is anything else conflicting with the telerik.

I get $telerik not found error on the browser side. Also, if I try the http://myserver.url/telerik.web.ui.webresource.axd - then I get 404 error. And I see that IIS maps it to StaticHandler and not the telerik handler. As following I see that the Handler entry is correct.

So, what is wrong? Please help.

----------------------------------------------------------------
<system.webServer>
  <validation validateIntegratedModeConfiguration="false" />
  <modules>
   <remove name="ScriptModule" />
   <add name="ScriptModule" preCondition="managedHandler" type="System.Web.Handlers.ScriptModule, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
  </modules>
  <handlers>
   <add name="ScriptHandlerFactory" verb="*" path="*.asmx" preCondition="integratedMode" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
   <add name="ScriptHandlerFactoryAppServices" verb="*" path="*_AppService.axd" preCondition="integratedMode" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
   <add name="ScriptResource" preCondition="integratedMode" verb="GET,HEAD" path="ScriptResource.axd" type="System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
   <add name="Telerik.Web.UI.WebResource" path="Telerik.Web.UI.WebResource.axd" verb="*" type="Telerik.Web.UI.WebResource, Telerik.Web.UI" preCondition="integratedMode,runtimeVersion2.0" />
   <add name="Telerik.Web.UI.DialogHandler" path="Telerik.Web.UI.DialogHandler.aspx" verb="*" type="Telerik.Web.UI.DialogHandler, Telerik.Web.UI" preCondition="integratedMode,runtimeVersion2.0" />
  </handlers>
        <staticContent>
            <mimeMap fileExtension=".axd" mimeType="application/octet-stream" />
        </staticContent>
</system.webServer>

General Discussions

answered on 03 Feb 2011

1 answer

103 views

Radgrid NestedViewTemplate as modal

Hi,

I want to open the NestedViewTemplate of my radgrid as a modal window instead of it opening below that row. Is this possible or any other way I can achieve this functionality?

Also, I want to make the entire row clickable to expand the row and show the NestedViewTemplate.

Any help or suggestions would be appreciated.

Thank you,
Jay Mehta.

<telerik:radgrid Width="580px" ShowHeader="false" ShowFooter="false" ID="rgModalWindow" runat="server"

MasterTableView-NoMasterRecordsText="No Projects Registered" MasterTableView-NoDetailRecordsText="No Projects Registered"

CssClass="RadGrid_Default" HierarchySettings-ExpandTooltip="Edit" HierarchySettings-CollapseTooltip="Edit" >

<MasterTableView RetrieveAllDataFields="false" AutoGenerateColumns="false" CssClass="RadGrid_Default">

<Columns>

<telerik:GridExpandColumn UniqueName="Expand">

<ItemStyle cssclass="grndt" BorderStyle="none"/>

</telerik:GridExpandColumn>

<telerik:GridTemplateColumn ItemStyle-Width="520px" UniqueName="Name">

<ItemTemplate>

<div class="cdpn" style="border: 0px none;width:520px;">

<div class="gdesc" style="width:520px;"><asp:Literal ID="litParameter" runat="server"></asp:Literal></div>

</div>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridExpandColumn UniqueName="Expand1">

<ItemStyle cssclass="expand" BorderStyle="none"/>

</telerik:GridExpandColumn>

</Columns>

<NestedViewTemplate>

<table>

<tbody>

<tr>

<td>

<asp:Panel ID="NestedViewPanel" CssClass="rgExpandCol" Width="500px" runat="server" >

<asp:Literal ID="litScreenID" Visible="false" runat="server"></asp:Literal>

<asp:Literal ID="litCategoryID" Visible="false" runat="server"></asp:Literal>

<h2><asp:Label ID="lblInstructions1" Visible="false" runat="server" Text="Label"></asp:Label></h2>

<br />

<div class="question-label">

<asp:Literal ID="lit" runat="server"></asp:Literal>

</div>

<div class="answer">

<asp:RadioButtonList CssClass="radiooption1" ID="rbl" runat="server">

</asp:RadioButtonList>

</div>

<br />

<asp:Button ID="btnUpdate" CssClass="button" runat="server" Text="Update" />

</asp:Panel>

</td>

</tr>

</tbody>

</table>

</NestedViewTemplate>

</MasterTableView>

</telerik:radgrid>

General Discussions

answered on 03 Feb 2011

2 answers

398 views

Remove hover style from decorated radiobuttonlist control

Hello,

Could somebody help me with this issue ?

I use decorated radiobuttonlist control. Based on some logic steps in the code behind I've disabled all radio items except selected one. What I've tried to achieve is removing hover style which is applied over selected radio button and replaced it with normal state.

How to override style for hover action ? What should I insert inside of the class disableHovering ?

I use this code for iterating through radiobuttonlist collection:

RadioButtonList rblCtrl = (RadioButtonList)ctrl;

foreach (ListItem i in rblCtrl.Items)

{

if (i.Selected != true) i.Enabled = false;

else

{

i.Attributes.Add("onmouseover", "this.className=('disableHovering');");

}

For further info please check the attachment.

I will appreciate all suggestions...

Best regards

Vasek

FormDecorator

answered on 03 Feb 2011

6 answers

455 views

Custom tooltip on appointments

Hi,
I want to add a custom tooltip on my appointments in the scheduler but I cant figure out how to do it.
I have tried like this:

protected void RadScheduler1_AppointmentDataBound(object sender, SchedulerEventArgs e)

{

e.Appointment.Attributes.Add("onmouseover", "showTip('my custom tool tip text', 450);");

e.Appointment.Attributes.Add("onmouseout", "hideTip();");

}

But the attributes are not added anywhere in the code when I look at the rendered html source, why?
I want the tooltip to show up when I hover over an appointment.

Regards,
Mattias

Scheduler

answered on 03 Feb 2011

3 answers

198 views

Posting the RadEditor with jQuery

For various reasons, I'd like to use jQuery to post the radeditor content via ajax to a pagemethod. I understand how to do this with jQuery, but I need some assistance with the radeditor.

What I need to know is what do I need to do on the client and server to get the same exact results as a traditional postback? In other words, I'd like to get the same exact string that I get from the RadEdit.Content property.

What javascript will put the contents of the editor into a form field so that jQuery can collect it and post it?
Assuming there is some processing done by the server-side radeditor control in a traditional postback on the posted HTML (encoding/decoding perhaps?), can I call that processing to get the same results in my pagemethod?

Thanks

Editor

answered on 03 Feb 2011

1 answer

430 views

webform_dopostbackwithoptions is not defined

Error :webform_dopostbackwithoptions is not defined

I have used Asp .net 4.0, Telerik, windows server 2008 and configured in iis 7.0. When i sumbit button click in my page the above error is occur. In telerik radcontrol used input validation in text box control.

General Discussions

answered on 03 Feb 2011

1 answer

179 views

RadAsyncUpload and ajax postback onClientfileUploaded event

I have a RadAsyncUpload control and a DataList control in a webpage. With RadAsyncUpload control I am inserting images into my sqldatabase. I would like to fire a postback action for only datalist control in my webpage after a fileupload completed. How can I fire that postback on clint side?

Thank you.

Upload (Obsolete)

answered on 03 Feb 2011