Questions on UI for ASP.NET AJAX Forum

110,727 questions

1 answer

107 views

Dear Support,
I have a radgrid,which displays 90,000 records , every page has 50 rows.
Since all this records are loading to grid,while I open the page, loading takes a lot of time.
Could you please guide me, how can I fill data page by page.
Which means At first, grid fills only first page, while clicking on Page 2, page 2 data will load. So that loading time can be reduced.
Any help will be highly appreciated.
Thanks,
Sijo JOSEPH

Grid

answered on 19 Dec 2011

1 answer

61 views

use exsist skin is not available

HI,
I am using Telerik controls for Asp.Net Version Q3 2011 released1.I tried the Rad Skin Manager amd was trying to change the default skin. Unfortunately there was only the default skin. All the other skins are missing. This is happening to me for all the controls. Can any one help me in displaying all the available skins for the telerik controls under the Skin Property?

SkinManager

answered on 19 Dec 2011

1 answer

137 views

RadRotator issues with controlbuttons, ajaxpanel,etc

Hi,

I've used radrotator to display some products. Below is the code sample, there are current two problems I'm facing (as listed below)

I'm showing the product description when either user selects the radrotatoritem or when user clicks on the ControlButtons.

1)If I toggle between either of this option I get an error (error screenshot attached)
2)If I toggle between either of this option the product description is shown incorrectly for a product which i've not selected at all. This happens when i toggle between the ControlButtons and clicking on the products themselves.
3) Sometimes I get this error like the below one

A]System.Collections.Generic.List`1[SelectProducts+fileInfo] cannot be cast to [B]System.Collections.Generic.List`1[SelectProducts+fileInfo]. Type A originates from 'mscorlib, Version=2.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089' in the context 'LoadNeither' at location 'C:\Windows\assembly\GAC_32\mscorlib\2.0.0.0__b77a5c561934e089\mscorlib.dll'. Type B originates from 'mscorlib, Version=2.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089' in the context 'LoadNeither' at location 'C:\Windows\assembly\GAC_32\mscorlib\2.0.0.0__b77a5c561934e089\mscorlib.dll'.

Could you please help me resolve these issues? Thanks

private List<fileInfo> imagesArray

{

//Error #3 is thrown here.

get { return (List<fileInfo>)ViewState["imagesArray"]; }

set { ViewState["imagesArray"] = value; }

}

<%@ Page Title="" Language="C#" AutoEventWireup="true" CodeFile="SelectProducts.aspx.cs"

Inherits="SelectProducts" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<telerik:RadScriptBlock ID="as" runat="server">

<script type="text/javascript">

function OnClientItemClicked(sender, args) {

sender.set_currentItemIndex(args.get_item().get_index(), true);

var objArgs = sender.get_currentItem().get_index();

$find("<%= RadAjaxManager1.ClientID %>").ajaxRequest(objArgs);

}

function OnClientButtonClick(sender, args) {

var objArgs = sender.get_currentItem().get_index();

$find("<%= RadAjaxManager1.ClientID %>").ajaxRequest(objArgs);

}

function ShowDescription(sender, args) {

}

</script>

</telerik:RadScriptBlock>

<title>Vitti Login</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link rel="shortcut icon" type="image/ico" href="Themes/Default/Images/Icons/icon_fav.ico" />

<link id="Link1" rel="stylesheet" type="text/css" runat="server" href="Themes/Default/Stylesheet/base.css"

media="all" />

<style type="text/css">

.rotatorBackground

{

margin: 0 auto;

width: 800px;

height: 400px;

-moz-border-radius: 15px;

-webkit-border-radius: 15px;

}

.rotNoButtonsBack

{

width: 810px;

background:url(../Images/Backgrounds/bg_Products.jpg);

background-repeat: no-repeat;

}

.rotatorStyle

{

margin: 40px auto 0px;

}

.rotatorStyle .RotatorItem

{

margin: 5px;

height: 100px;

width: 100px;

}

.rotatorCarouselStyle

{

margin: 0px auto;

}

.RotatorItem

{

border: solid 0px #666666 !important;

}

.mainDiv

{

margin-bottom: 20px;

}

.configurationPanel

{

width: 290px;

border: 0px;

}

</style>

</head>

<body>

<form id="form1" runat="server">

<asp:ScriptManager ID="ScriptManager1" runat="server" AsyncPostBackTimeout="300">

</asp:ScriptManager>

<telerik:RadWindowManager Skin="Default" ID="RadWindowManager2" ShowContentDuringLoad="false"

Modal="true" IconUrl="" VisibleStatusbar="false" ReloadOnShow="true" Behavior="Move,Close"

DestroyOnClose="true" runat="server" Width="310">

</telerik:RadWindowManager>

<telerik:RadAjaxManager ID="RadAjaxManager1" OnAjaxRequest="RadAjaxManager1_AjaxRequest"

runat="server" DefaultLoadingPanelID="LoadingPanel1">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="radRotProducts">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="detailsPanel" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="chkRotationType">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="radRotProducts" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadAjaxManager1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="detailsPanel" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Transparency="30"

EnableSkinTransparency="false" BackColor="#E0E0E0">

</telerik:RadAjaxLoadingPanel>

<div id="container">

<div style="float: right; height: 30px; padding-right: 5px">

<telerik:RadMenu Visible="false" ID="RadMenu2" runat="server" EnableRoundedCorners="true"

EnableShadows="true" Skin="Windows7">

<Items>

<telerik:RadMenuItem Text="About Us" AccessKey="A" Value="1">

</telerik:RadMenuItem>

<telerik:RadMenuItem IsSeparator="True" Visible="true" />

<telerik:RadMenuItem Text="Contact Us" AccessKey="C" Value="132">

</telerik:RadMenuItem>

</Items>

</telerik:RadMenu>

</div>

<div id="header_home">

<div id="logo">

</div>

<div id="app_title" style="visibility: hidden">

</div>

<div id="client_logo">

<asp:Image ID="imgCompanyLogo" runat="server" Height="36px" />

</div>

<div style="clear: both">

</div>

<div>

<table cellpadding="0" cellspacing="0" border="0" width="100%">

<tr>

<td id="menubar_left">

</td>

<td id="menubar_middle">

<table width="100%" cellpadding="0" cellspacing="0" border="0">

<tr>

<td style="padding-top: 1px" align="right">

<asp:CheckBox AutoPostBack="true" ID="chkRotationType" Text="Automatic" runat="server"

Checked="true" OnCheckedChanged="chkRotationType_CheckedChanged" />

</td>

</tr>

</table>

</td>

<td id="menubar_right">

</td>

</tr>

</table>

</div>

<div>

<table cellpadding="0" cellspacing="0" border="0" width="100%">

<tr>

<td id="bg_background_left">

</td>

<td id="bg_background_middle">

<div>

<telerik:RadAjaxPanel ID="AjaxPanel1" CssClass="rotNoButtonsBack" runat="server" LoadingPanelID="LoadingPanel1">

<div class="mainDiv">

<div class="rotatorBackground">

<%-- ItemWidth and ItemHeight include 2x5(pixels) margin and 1x2(pixels) border --%>

<telerik:RadRotator ID="radRotProducts" RotatorType="CarouselButtons" runat="server"

OnClientItemClicking ="OnClientItemClicked" EnableRandomOrder="true" PauseOnMouseOver="false"

Width="800px" Height="400px" CssClass="rotatorCarouselStyle" ItemHeight="200"

FrameDuration="2000" ItemWidth="300" ScrollDuration="500">

<ItemTemplate>

<asp:Image runat="server" ID="imgProduct" ImageUrl='<%#DataBinder.Eval(Container.DataItem,"Image")%>'

CssClass="RotatorItem" />

</ItemTemplate>

<ControlButtons OnClientButtonClick ="OnClientButtonClick" />

</telerik:RadRotator>

</div>

</telerik:RadAjaxPanel>

<table border="0" cellpadding="3" cellspacing="2" width="750px" align="center" style="background-color: #f9f9f9;

border: 1px #f1f1f1 solid;">

<tr>

<td class="infoPane">

<div class="infoPaneBg" runat="server" id="detailsPanel">

<div class="imageDetailsHeader">

Image details:</div>

<div id="viewPanel">

<div class="details">

<strong>Name:</strong>

<asp:Label ID="labelImageName" runat="server"></asp:Label></div>

<div class="details">

<strong>Keywords:</strong>

<asp:Label ID="labelImageKeywords" runat="server"></asp:Label></div>

<div class="details">

<strong>Comments:</strong>

<asp:Label ID="labelImageComments" runat="server"></asp:Label></div>

</div>

</td>

</tr>

</table>

<br />

</div>

</td>

<td id="bg_background_right">

</td>

</tr>

</table>

</div>

<div id="footer">

<div style="float: right; padding-top: 3px; padding-right: 10px">

<a href="http://www.xyz.com" title="xyzxyzHome">

<img src="Themes/Default/Images/Logos/logo_xyz.png" alt="xyz" border="0" /></a>

</div>

<div id="sub-footer">

</div>

</div>

</form>

</body>

</html

>


       [Serializable()]
    private struct fileInfo
    {
        public string filename;
        public string name;
        public string keywords;
        public string comments;
    }
 
    private List<fileInfo> imagesArray
    {
        get { return (List<fileInfo>)ViewState["imagesArray"]; }
        set { ViewState["imagesArray"] = value; }
    }
 
protected void Page_Load(object sender, EventArgs e)
    {
        if (Session["objUser"] != null)
        {
            objUser = Session["objUser"] as User;
        }
        if (!IsPostBack || object.Equals(imagesArray, null))
        {
            BindSubscriptionList();
            RebindRotator();
 
               // radRotProducts.Attributes.Add("onkeyup", RadAjaxManager1.GetAjaxRequestReference(radRotProducts.
        }
         
    }
 
    protected void BindSubscriptionList()
    {
 
 
 
        imagesArray = new List<fileInfo>();
        DataTable dtAllSubscriptions = (DataTable)Session["dtAllSubscriptions"];
        foreach (string fileName in System.IO.Directory.GetFiles(Server.MapPath("~/Themes/Default/Images/Buttons/BtnProducts/"), "*.png"))
        {
            string fileN = fileName.Substring(fileName.LastIndexOf("\\") + 1);
            string appShortName = fileN.Substring(fileN.LastIndexOf("_") + 1);
            appShortName = appShortName.Substring(0, appShortName.IndexOf("."));
            string filterBySub = "ApplicationShortName ='" + appShortName + "'";
            if (dtAllSubscriptions != null)
            {
 
                DataRow[] rows = dtAllSubscriptions.Select(filterBySub);
                if (rows.Length > 0)
                {
 
                    fileInfo fInfo = new fileInfo();
                    fInfo.name = "~/Themes/Default/Images/Buttons/BtnProducts/" + fileName.Substring(fileName.LastIndexOf("\\") + 1);
                    fInfo.filename = fInfo.name;
                    fInfo.keywords = "Vitti" + fInfo.name;
                    fInfo.comments = fInfo.name + "Vitti";
                    imagesArray.Add(fInfo);
                }
            }
        }
    }
 
 
    private void RebindRotator()
    {
        DataTable rotatorData = new DataTable();
        rotatorData.Columns.Add("Image");
        rotatorData.Columns.Add("Name");
        foreach (fileInfo tempInfo in imagesArray)
        {
            rotatorData.Rows.Add(new string[] { tempInfo.filename, tempInfo.name });
        }
        radRotProducts.DataSource = rotatorData;
        radRotProducts.DataBind();
       //ConfigureRotator(radRotProducts,null);
    }
 protected void LoadProductDescription(object sender, Telerik.Web.UI.RadRotatorEventArgs e)
    {
        Telerik.Web.UI.RadRotatorItem item = e.Item;
        fileInfo fInfo = imagesArray[Convert.ToInt32(item.DataItem.ToString())];
       
        //set the image information
        labelImageComments.Text = fInfo.comments;
        labelImageKeywords.Text = fInfo.keywords;
        labelImageName.Text = fInfo.name;
 
    }    
 
protected void RadAjaxManager1_AjaxRequest(object sender, AjaxRequestEventArgs e)
    {
        
        object item=e.Argument.ToString();
      
        RadRotatorItem radRotItem=new RadRotatorItem(item);
        Telerik.Web.UI.RadRotatorEventArgs ev = new Telerik.Web.UI.RadRotatorEventArgs(radRotItem);
        LoadProductDescription(radRotProducts, ev);
     
    }

Rotator

answered on 19 Dec 2011

3 answers

95 views

Chrome & Redirect causes Controls in FormDecorator to stay hidden

When a page containing a FormDecorator control is loaded in Chrome via a Redirect, most (but not all) times the controls all stay hidden. I read another post about the delay between the hiding of the controls, decorating them, and showing them, but in this case the controls stay hidden. The issue actually happens on several different pages that are loaded sometimes via a redirect. The pages work normally in Chrome if not redirected to them and work normally in IE and Firefox.

I'm guessing its related to caching redirects in Chrome, but i'm unable to find a workaround (other than disabling the FormDecorator). Any ideas that i might try?

Here's a snippet of my code. The div "displayContainer" contains the controls. Another thing i noticed is that the "skipped" controls stay hidden too.

<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" Skin="Office2007"
        DecorationZoneID="displayContainer" DecoratedControls="All"  ControlsToSkip="Select"  />
 
<div id="displayContainer"> ... </div>

Thanks,
Scott

FormDecorator

answered on 19 Dec 2011

1 answer

200 views

RadGrid DetailsTable Width

Hi All

I have a RadGrid with a single DetailsTable. How do I force Wrap and set a fixed width on the column of my detail table to match the full width of the master-table. I have tried alot but epxanding the Details it does not wrap and expands the masterview larger than when not expanded. The wrap is mainly for my "Narrative" col in details view.

Any ideas greatly appreciated

Thanks
Stuart

<TABLE id="Table2" style="width:922px; table-layout:fixed">

<tr>

<td>

<telerik:RadGrid ID="gvDeletedOrders" runat="server" Width=922px

AutoGenerateColumns="False" CellSpacing="0" GridLines="None"

Skin="Simple" ondetailtabledatabind="gvDeletedOrders_DetailTableDataBind"

onitemdatabound="gvDeletedOrders_ItemDataBound">

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default"></HeaderContextMenu>

<AlternatingItemStyle Font-Names="Verdana" Font-Size="XX-Small" Wrap="False" />

<ItemStyle Wrap="False" />

<MasterTableView DataKeyNames="OrderID" Name="master" HierarchyLoadMode="Client" Width=922px >

<NoRecordsTemplate>

<asp:Label ID="lblNoNotes" runat="server" Font-Names="Verdana"

Font-Size="X-Small" Text="No Notes "></asp:Label>

</NoRecordsTemplate>

<CommandItemSettings ExportToPdfText="Export to PDF"></CommandItemSettings>

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">

</RowIndicatorColumn>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">

</ExpandCollapseColumn>

<DetailTables>

<telerik:GridTableView Name="Notes" Width=922px>

<CommandItemSettings ExportToPdfText="Export to PDF"></CommandItemSettings>

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column"></RowIndicatorColumn>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column"></ExpandCollapseColumn>

<Columns>

<telerik:GridBoundColumn SortExpression="Narrative" HeaderText="Comment" HeaderButtonType="TextButton"

DataField="Narrative">

<ItemStyle Wrap="True" Width="400px"></ItemStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn SortExpression="Author" HeaderText="Staff" HeaderButtonType="TextButton"

DataField="Author">

<ItemStyle Wrap="True" Width="100px"></ItemStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn SortExpression="DateWritten" HeaderText="Date" HeaderButtonType="TextButton"

DataField="DateWritten">

<ItemStyle Wrap="True" Width="100px"></ItemStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn SortExpression="TheSender" HeaderText="Sender" HeaderButtonType="TextButton"

DataField="TheSender">

<ItemStyle Wrap="True" Width="100px"></ItemStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn SortExpression="TheRecipient" HeaderText="Recipient" HeaderButtonType="TextButton"

DataField="TheRecipient">

<ItemStyle Wrap="True" Width="222px"></ItemStyle>

</telerik:GridBoundColumn>

</Columns>

<EditFormSettings>

<EditColumn FilterControlAltText="Filter EditCommandColumn column"></EditColumn>

</EditFormSettings>

<ItemStyle Font-Names="Verdana" Font-Size="XX-Small" Wrap="True" />

<AlternatingItemStyle Font-Names="Verdana" Font-Size="XX-Small" />

<HeaderStyle BackColor="Black" ForeColor="White" />

</telerik:GridTableView>

</DetailTables>

<Columns>

<telerik:GridBoundColumn DataField="OrderID"

FilterControlAltText="Filter column1 column" HeaderText="OrderID"

UniqueName="OrderID">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="SalesmanName"

FilterControlAltText="Filter column1 column" HeaderText="Salesman"

UniqueName="SalesmanName">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="RegNumber"

FilterControlAltText="Filter column1 column" HeaderText="Reg"

UniqueName="RegNumber">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Status"

FilterControlAltText="Filter column1 column" HeaderText="Status"

UniqueName="Status">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="DateQuoteCreated"

FilterControlAltText="Filter column1 column" HeaderText="Quote Created"

UniqueName="DateCreated">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Version"

FilterControlAltText="Filter column1 column" HeaderText="Version"

UniqueName="Version">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="CustomerFirstname"

FilterControlAltText="Filter column1 column" HeaderText="Customer Firstname"

UniqueName="CustomerFirstname">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="CustomerSurname"

FilterControlAltText="Filter column1 column" HeaderText="Customer Surname"

UniqueName="CustomerSurname">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn FilterControlAltText="Filter TemplateColumn column"

HeaderText="Home Phone" UniqueName="TemplateColumn">

<ItemTemplate>

<label><%# Eval("TheCustomer.HomePhone")%></label>

</ItemTemplate>

<HeaderStyle Width=60% />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn FilterControlAltText="Filter TemplateColumn column"

HeaderText="Email" UniqueName="TemplateColumn">

<ItemTemplate>

<label><%# Eval("TheCustomer.EMailAddress")%></label>

</ItemTemplate>

<HeaderStyle Width=60% />

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="NoteCount"

FilterControlAltText="Filter column1 column" HeaderText="No. of Notes"

UniqueName="NoteCount">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn FilterControlAltText="Filter TemplateColumn column"

HeaderText="Notes" UniqueName="TemplateColumn">

<ItemTemplate>

<asp:Label ID="lblNotes" runat="server" Text="Show Notes"

Font-Names="Verdana" Font-Size="XX-Small" Font-Underline="True"

ForeColor="Blue" Visible="False"></asp:Label>

</ItemTemplate>

<HeaderStyle Width=60% />

</telerik:GridTemplateColumn>

<%-- <telerik:GridBoundColumn DataField="PotentialInitialComm"

FilterControlAltText="Filter column1 column" HeaderText="Potential Comm"

UniqueName="PotentialInitialComm">

</telerik:GridBoundColumn>--%>

<%-- <telerik:GridTemplateColumn

FilterControlAltText="Filter TemplateColumn1 column" HeaderText="Assign To"

UniqueName="TemplateColumn1">

<ItemTemplate>

<asp:DropDownList ID="ddlAssignSm" runat="server" DataTextField="FullName"

DataValueField="SalesmanID" Font-Names="Verdana" Font-Size="XX-Small">

</asp:DropDownList>

</ItemTemplate>

</telerik:GridTemplateColumn>--%>

</Columns>

<EditFormSettings>

<EditColumn FilterControlAltText="Filter EditCommandColumn column"></EditColumn>

</EditFormSettings>

<ItemStyle Font-Names="Verdana" Font-Size="XX-Small" Wrap="False" />

<HeaderStyle Font-Bold="True" Font-Names="Verdana" Font-Size="XX-Small"

Wrap="False" />

</MasterTableView>

<FilterMenu EnableImageSprites="False"></FilterMenu>

</telerik:RadGrid>

</td>

</tr>

</TABLE>

Grid

answered on 19 Dec 2011

1 answer

125 views

Dynamic Tooltip Problem

Hi all!

I have a problem implementing the RadToolTipManager in my solution. Because the panel that contains it should update itself and my tooltip ascx be generated dynamically. He jumps.

I show an example of my scenario:

TEST.ASPX:

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="test.aspx.vb" Inherits="tooltip_demo_test" %>

<%@ Register Src="~/tooltip_demo/DynamicToolTip.ascx" TagName="ProductDetails" TagPrefix="uc1" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head id="Head1" runat="server">

<title>

Test Tool Tip

</title>

</head>

<body>

<form id="Form1" method="post" runat="server">

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

</telerik:RadScriptManager>

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="pnltotal">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="pnltotal" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="btntest">

<UpdatedControls>

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

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" Skin="Windows7" BackColor="Azure" runat="server">

</telerik:RadAjaxLoadingPanel>

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

<telerik:RadToolTipManager ID="RadToolTipManager1" Width="100" Height="200" OffsetY="-1" HideEvent="ManualClose"

runat="server" Skin="Windows7" EnableShadow="true" OnAjaxUpdate="OnAjaxUpdate" RelativeTo="Element"

Position="MiddleRight">

</telerik:RadToolTipManager>

<br />

<asp:Label runat="server" ID="lblfechasel" Font-Size="10px" ForeColor="#CC0000" Font-Names="Verdana"></asp:Label>

<br />

<asp:DataList ID="dlsitems" runat="server" CellPadding="0" CellSpacing="3" RepeatDirection="Vertical" RepeatColumns="1">

<ItemTemplate>

<asp:Table runat="server" CellPadding="5" CellSpacing="0" BorderColor="#E1E1E1" BorderStyle="Solid" BorderWidth="1">

<asp:TableRow runat="server" VerticalAlign="Middle">

<asp:TableCell runat="server" HorizontalAlign="Left">

<asp:Label runat="server" ID="lblvalorsel" Text='<%# Eval("IDsel") %>' Visible="false"></asp:Label>

<asp:Label ID="targetControl1" runat="server" Text='<%# Eval("textosel") %>' Font-Size="11px" Font-Names="Verdana" ForeColor="Purple" style="cursor:pointer;"></asp:Label>

</asp:TableCell>

</asp:TableRow>

</asp:Table>

</ItemTemplate>

</asp:DataList>

<br />

</asp:Panel>

<asp:Button runat="server" ID="btntest" Text="Actualizar" OnClick="updateDate" />

</form>

</body>

</html>

TEST.ASPX.VB:

Imports Telerik.Web.UI

Imports System.Data

Partial Class tooltip_demo_test

Inherits System.Web.UI.Page

Protected Sub OnAjaxUpdate(ByVal sender As Object, ByVal args As ToolTipUpdateEventArgs)

Me.UpdateToolTip(args.Value, args.UpdatePanel)

End Sub

Private Sub UpdateToolTip(ByVal elementID As String, ByVal panel As UpdatePanel)

Dim ctrl As Control = Page.LoadControl("DynamicToolTip.ascx")

Dim details As DynamicToolTip = DirectCast(ctrl, DynamicToolTip)

details.IDsel = elementID

panel.ContentTemplateContainer.Controls.Add(ctrl)

End Sub

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

Dim datatablefinal As New DataTable("items")

Dim colIDsel As New DataColumn("IDsel")

Dim coltextosel As New DataColumn("textosel")

datatablefinal.Columns.Add(colIDsel)

datatablefinal.Columns.Add(coltextosel)

For var1 As Integer = 1 To 3

Dim fila As DataRow

fila = datatablefinal.NewRow

fila.Item("IDsel") = var1

fila.Item("textosel") = "Over Here No. " & var1.ToString

datatablefinal.Rows.Add(fila)

Next

dlsitems.DataSource = datatablefinal.DefaultView

dlsitems.DataBind()

End Sub

Protected Sub Page_PreRender(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.PreRender

For Each item As DataListItem In dlsitems.Items

Dim targetControl1 As Label = DirectCast(item.FindControl("targetControl1"), Label)

Dim lblvalorsel As Label = DirectCast(item.FindControl("lblvalorsel"), Label)

Me.RadToolTipManager1.TargetControls.Add(targetControl1.ClientID, lblvalorsel.Text, True)

Next

End Sub

Protected Sub updateDate(ByVal sender As Object, ByVal e As EventArgs)

lblfechasel.Text = DateTime.Now.ToString("dd 'de' MMMM 'de' yyyy - hh:mm:ss tt")

End Sub

End Class

And my Dynamic ToolTip

DynamicToolTip.ASCX:

<%@ Control Language="VB" AutoEventWireup="false" CodeFile="DynamicToolTip.ascx.vb" Inherits="DynamicToolTip" %>

<asp:Table runat="server" CellPadding="30" CellSpacing="0">

<asp:TableRow runat="server" VerticalAlign="Middle">

<asp:TableCell runat="server" HorizontalAlign="Center">

<asp:Label runat="server" ID="lbltextchange" Font-Bold="true"></asp:Label>

</asp:TableCell>

</asp:TableRow>

</asp:Table>

DynamicToolTip.ASCX.VB:

Partial Class DynamicToolTip

    Inherits System.Web.UI.UserControl

    Dim IDselfinal As Integer

    Property IDsel() As Integer

        Get

            IDsel = IDselfinal

        End Get

        Set(ByVal value As Integer)

            IDselfinal = value

        End Set

    End Property

    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

        Select Case IDsel

            Case 1

                lbltextchange.Text = "Hola Mundo 1"

                lbltextchange.ForeColor = Drawing.Color.FromName("#0066CC")

            Case 2

                lbltextchange.Text = "Hola Mundo 2"

                lbltextchange.ForeColor = Drawing.Color.FromName("#CC0000")

            Case 3

                lbltextchange.Text = "Hola Mundo 3"

                lbltextchange.ForeColor = Drawing.Color.FromName("#006600")

        End Select

    End Sub

End Class

Thank's for All!!

Daniel Castro
Programador de soluciones Avanzadas sobre Web
IngeWeb Soluciones - Colombia

ToolTip

answered on 19 Dec 2011

4 answers

199 views

Image handler images not displayed when using https in IE9

Hi,

our website works via https.

images generated by image handler are not displayed in IE9 in RadEditor, although they are ok in ImageEditor preview panel :(
https://localhost/[Our site]/Pages/ImagePHandler.ashx?RID=4

If I manually correct the link to make it look like this:
http://localhost/[Our site]/Pages/ImagePHandler.ashx?RID=4

- everything is ok, but this is weird.

p.s. Firefox is ok in all cases.

What can I do?

Editor

answered on 19 Dec 2011

4 answers

198 views

Dock position changes when clicked on handle

I am having multiple docks of different size ininside a dockzone in a matrix form. The format of the matrices can be small-small-small, medium-small and large in one row.
When a small dock (next or previous to medium dock) is clicked on its handle/grip (intention is to just select the dock NOT to drag), it automatically gets repositioned to the last place in dockzone. If I click on dockbody, it works properly.
I believe this is happening due to client drag/drop events. Can we identify/trap a single click on dock handle?
attachment is the snapshot of dockzone containing docks.

Regards,
Deepak

Dock

answered on 19 Dec 2011

3 answers

64 views

Odd Behaviour : RadGrid

Found an issue on the following scenario:
1. Radgrid is filled from NeedDataSource event, with GridEditColumn
2. A dropdownlist that will serve as a selective filter for the contents for the radgrid, placed either in the commandtemplate or somewhere else; on dropdownlist selectedindexchange, bind the radgrid according to the selection method
3. Here's the problem
Radgrid is filled with selected record but when "Edit" is clicked on the current record (item), it will rebind the radgrid from the first load (no filter, ALL record) and the item in Edit is now the "first" item in the record.

Any solution? Thanks.

Grid

answered on 19 Dec 2011

2 answers

65 views

changing RadAjaxLoading panel position when changing Windows Size

Hi
and thank you for your perfect supports
im using this link to lock the whole page with AjaxLoadingPanel
www.telerik.com/community/code-library/aspnet-ajax/ajax/how-to-make-a-radajaxloadingpanel-span-over-the-whole-page.aspx

but i have a problem with this sample , when im changing the Page size the image stays where it was and i wanna change the image position with changing the page size and i wanna it always shows at t he center
can someone help me about it??

thank you for your help :)

Ajax

answered on 19 Dec 2011

Top users last month