Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
82 views
Hello,

Are there updated instructions for creating a custom skin using the Q1 2009 version?

The portion of the video that covers editing the code to register the skin is not clear to me.  Where exactly is he pasting the code from?  And, I'm using VB not C# so where can I get the correct code snippet.  Lastly, exactly where do I need to paste the code?  It looks like it should go into the .vb file, is this correct?

Thank you,
Bob
Robert
Top achievements
Rank 1
 answered on 08 Apr 2009
3 answers
217 views
Hi, I have a radgrid in witch I show relations between two items, when I click the expand button it has to show the information of those items. The radgrid have two levels, but it doesn't expand when I click the expand button. Here is the asp code:

    <radg:radgrid id="Relaciones" style="Z-INDEX: -111; LEFT: 8px; POSITION: absolute; TOP: 432px" runat="server" Height="96px" Width="940px" AllowPaging="True" VirtualItemCount="2" cssclass="RadGrid" GroupingEnabled="False" EnableAsyncRequests="True" HorizontalAlign="Center" GridLines="Vertical" AllowSorting="True" AllowFilteringByColumn="True">  
    <MasterTableView HierarchyLoadMode="ServerBind" HierarchyDefaultExpanded="False" AutoGenerateColumns="False" CssClass="MasterTable" AllowFilteringByColumn="True" GridLines="Vertical" HorizontalAlign="Center">  
        <DetailTables>  
             <radg:GridTableView DataKeyNames="id_relacion" AutoGenerateColumns="False" AllowSorting="False" DataMember="ItemsDetails" PageSize="1" AllowFilteringByColumn="False" GridLines="Vertical" HorizontalAlign="Center">  
            <ParentTableRelation>  
                <radg:GridRelationFields DetailKeyField="id_relacion" MasterKeyField="id_relacion"></radg:GridRelationFields>  
            </ParentTableRelation>  
            <Columns>  
                 <radg:GridBoundColumn HeaderText="Fecha Origen" ShowSortIcon="False" DataField="Fecha_Origen" ReadOnly="True"  AllowSorting="False" AllowFiltering="False" UniqueName="Fecha_Origen" Reorderable="False"></radg:GridBoundColumn>  
                 <radg:GridBoundColumn HeaderText="Monto Original" DataType="System.Double" ShowSortIcon="False" DataField="Monto_Original" ReadOnly="True" AllowSorting="False" AllowFiltering="False" UniqueName="Monto_Original" Reorderable="False"></radg:GridBoundColumn>  
                 <radg:GridBoundColumn HeaderText="Monto Vto." DataType="System.Double" ShowSortIcon="False" DataField="Monto_Venci" ReadOnly="True" AllowSorting="False" AllowFiltering="False" UniqueName="Monto_Venci" Reorderable="False"></radg:GridBoundColumn>  
                 <radg:GridBoundColumn HeaderText="Origen" ShowSortIcon="False" DataField="Origen_Nombre" ReadOnly="True"   AllowSorting="False" AllowFiltering="False" UniqueName="Origen_Nombre" Reorderable="False"></radg:GridBoundColumn>  
                 <radg:GridBoundColumn HeaderText="Categoria" ShowSortIcon="False" DataField="Cat_Nombre" ReadOnly="True"       AllowSorting="False" AllowFiltering="False" UniqueName="Cat_Nombre" Reorderable="False"></radg:GridBoundColumn>  
                 <radg:GridBoundColumn HeaderText="Fecha Origen" ShowSortIcon="False" DataField="Fecha_Origen_Prov" ReadOnly="True" AllowSorting="False" AllowFiltering="False" UniqueName="Fecha_Origen_Prov" Reorderable="False"></radg:GridBoundColumn>  
                 <radg:GridBoundColumn HeaderText="Monto Original" ShowSortIcon="False" DataField="Monto_Original_Prov" ReadOnly="True" AllowSorting="False" AllowFiltering="False" UniqueName="Monto_Original_Prov" Reorderable="False"></radg:GridBoundColumn>  
                 <radg:GridBoundColumn HeaderText="Monto Vto." ShowSortIcon="False" DataField="Monto_Venci_Prov" ReadOnly="True"    AllowSorting="False" AllowFiltering="False" UniqueName="Monto_Venci_prov" Reorderable="False"></radg:GridBoundColumn>  
                 <radg:GridBoundColumn HeaderText="Monto Periodico" ShowSortIcon="False" DataField="Monto_Periodico_Prov" ReadOnly="True" AllowSorting="False" AllowFiltering="False" UniqueName="Monto_Periodico_Prov" Reorderable="False"></radg:GridBoundColumn>  
                 <radg:GridBoundColumn HeaderText="Origen" ShowSortIcon="False" DataField="Origen_Nombre_Prov" ReadOnly="True" AllowSorting="False" AllowFiltering="False" UniqueName="Origen_Nombre_Prov" Reorderable="False"></radg:GridBoundColumn>  
                 <radg:GridBoundColumn HeaderText="Categoria" ShowSortIcon="False" DataField="Cat_Nombre_Prov" ReadOnly="True"  AllowSorting="False" AllowFiltering="False" UniqueName="Cat_Nombre_Prov" Reorderable="False"></radg:GridBoundColumn>  
            </Columns>  
            <PagerStyle Visible="False"></PagerStyle>  
            <ItemStyle BackColor="#FCEDB0"></ItemStyle>  
            <HeaderStyle ForeColor="Blue" BackColor="#003366"></HeaderStyle>  
            <AlternatingItemStyle BackColor="#D5B96A"></AlternatingItemStyle>  
        </radg:GridTableView>  
    </DetailTables>  
    <Columns>  
         <radg:GridBoundColumn Visible="False" DataField="id_relacion" AllowFiltering="False" UniqueName="id_relacion"></radg:GridBoundColumn>  
         <radg:GridBoundColumn HeaderText="Fecha Estado" DataField="Fecha" UniqueName="Fecha"></radg:GridBoundColumn>  
         <radg:GridBoundColumn HeaderText="Tipo Estado" DataField="descripcion" UniqueName="descripcion"></radg:GridBoundColumn>  
         <radg:GridBoundColumn HeaderText="Monto Estimado" DataType="System.Double" DataField="Monto_Estimado" UniqueName="Estimado_Provisorio_SSRP"></radg:GridBoundColumn>  
         <radg:GridBoundColumn HeaderText="Monto Definitivo" DataType="System.Double" DataField="Monto_Definitivo" UniqueName="Monto_Definitivo"></radg:GridBoundColumn>  
    </Columns>  
    <ExpandCollapseColumn ButtonType="ImageButton" UniqueName="ExpandColumn">  
        <HeaderStyle Width="19px"></HeaderStyle>  
    </ExpandCollapseColumn>  
</MasterTableView>  
<AlternatingItemStyle HorizontalAlign="Center" Height="24px" CssClass="GridAltRow" VerticalAlign="Middle"></AlternatingItemStyle>  
<FooterStyle HorizontalAlign="Center"></FooterStyle>  
<FilterMenu NotSelectedImageUrl="~/RadControls/Grid/Skins/Default/NotSelectedMenu.gif" HoverBackColor="LightSteelBlue" HoverBorderColor="Navy" SelectColumnBackColor="Control" EnableViewState="False" SelectedImageUrl="~/RadControls/Grid/Skins/Default/SelectedMenu.gif" TextColumnBackColor="Window"></FilterMenu>  
<SelectedItemStyle HorizontalAlign="Center"></SelectedItemStyle>  
<ClientSettings ReorderColumnsOnClient="True" AllowColumnsReorder="True" AllowExpandCollapse="True">  
    <Selecting AllowRowSelect="True"></Selecting>  
    <Scrolling ScrollHeight="" AllowScroll="True" EnableAJAXScrollPaging="True"></Scrolling>  
</ClientSettings>  
<HeaderStyle HorizontalAlign="Center" CssClass="GridHeader" BackColor="#003366"></HeaderStyle>  
<PagerStyle BackColor="#003366" CssClass="GridPager" Mode="NextPrevAndNumeric"></PagerStyle>  
<ItemStyle HorizontalAlign="Center" Height="24px" CssClass="GridRow"></ItemStyle>  
</radg:radgrid>  
 

In the code-behind I have:

    Private Sub Page_Load(ByVal sender As System.ObjectByVal e As System.EventArgs) Handles MyBase.Load  
        'Introducir aquí el código de usuario para inicializar la página  
        If Not Page.IsPostBack Then  
            cargarGrillaRelaciones()  
        End If  
    End Sub  
  
    Private Sub cargarGrillaRelaciones()  
        Dim dao As New DAO_Clase.DAO_Clase  
        Dim ds As DataSet  
  
        ds = dao.ItemsRelaciones()  
        If (Not ds.HasErrors) Then  
            Me.Relaciones.DataSource = ds  
            Me.Relaciones.DataBind()  
        End If  
  
    End Sub  
  
    Private Sub Relaciones_DetailTableDataBind(ByVal source As ObjectByVal e As Telerik.WebControls.GridDetailTableDataBindEventArgs) Handles Relaciones.DetailTableDataBind  
        Dim parentItem As GridDataItem = CType(e.DetailTableView.ParentItem, GridDataItem)  
        If parentItem.Edit Then  
            Return  
        End If  
  
        If (e.DetailTableView.DataMember = "ItemsDetails"Then  
            Dim id_rela As Integer = CType(parentItem("id_relacion").Text, Integer)  
            Dim dao As New DAO_Clase.DAO_Clase  
            Dim ds As DataSet = dao.ItemsDeRelacion(id_rela)  
            e.DetailTableView.DataSource = ds  
              
        End If  
    End Sub  
 

RadGrid version 3.0.2.0

I don't know what I'm doing wrong.

Thanks.
Veronica



Veronica
Top achievements
Rank 1
 answered on 08 Apr 2009
10 answers
249 views
Hi,
    Is it possible to populate only those values which are in Grid on filter drop-down in RadGrid.

Regards
Craig
Top achievements
Rank 1
 answered on 08 Apr 2009
1 answer
80 views
I noticed that the client-side code on The ADO.Net Services Load On Demand demo page is using a cool feature that highlights the matching letters as the user types them in (well, at least it's working on my local copy of the live demos; the remote page doesn't seem to be pulling down any data). This appears to be enabled by a client-side method of the combobox called highlightAllMatches. However, I haven't been able to find any reference to this method anywhere, which makes me wonder if there might be a trove of client-side documentation that I haven't been able to find yet...


Atanas Korchev
Telerik team
 answered on 08 Apr 2009
3 answers
95 views
Hi,

My application need to populate a treeview with the first 2 levels of the hierarchy when I get in to the page.
In my code behind I populated the treeview with the first node and the second node as a child of the first.
For both nodes I set ExpandMode.WebService, so I can have better performance then the ServerSide when people expand the nodes. (The treeview could very big)

The problem is that when I try to collapse the first node it doesn't collapse (even if it fire the client side OnNodeCollapsing event) and if I try to click the node again it contact the WebService but it isn't able to restore the right behavior raising this JS error

'this._element' is null or not an object.

Can you help me?

There is no way to sharing Server Side creation of the nodes and WebService expand behavior?
Atanas Korchev
Telerik team
 answered on 08 Apr 2009
2 answers
103 views
Hi telerik team,

I have an issue how to get Chlidtab pkid i followed the below URL
http://demos.telerik.com/aspnet-ajax/tabstrip/examples/clientside/clientevents/defaultcs.aspx. through this i m able to get selected child tab text but not value(PKID).

Please help.
sudheer
Top achievements
Rank 2
 answered on 08 Apr 2009
10 answers
537 views
I am using the DetailTableDataBind event for binding my Detail table, and it appears to work properly in debug, but the grid row will not expand.  When I click on the expand icon, the loading icon appears bit the row does not expand.  What am I missing?

Code:

<%@ Page Language="C#" MasterPageFile="~/Master/UserPages.master" AutoEventWireup="true"
CodeFile="lkup_pronotes2.aspx.cs" Inherits="Lookup_lkup_pronotes2" %>

<%@ Register Assembly="RadAjax.Net2" Namespace="Telerik.WebControls" TagPrefix="radA" %>
<%@ Register Assembly="RadInput.Net2" Namespace="Telerik.WebControls" TagPrefix="radI" %>
<%@ Register Assembly="RadGrid.Net2" Namespace="Telerik.WebControls" TagPrefix="radG" %>
<asp:Content ID="Content1" ContentPlaceHolderID="cphWebData" runat="Server">

    <div class='content'>
        <radA:RadAjaxPanel ID="RadAjaxPanel1" LoadingPanelID="AjaxLoadingPanel1" runat="server"
            Height="100%" Width="100%">
        <radg:radgrid  ID="RadGrid1" runat="server" OnDetailTableDataBind="RadGrid1_DetailTableDataBind"
            AllowExpandCollapse="true" AllowMultiRowSelection="false">
            <MasterTableView CommandItemDisplay="Bottom">
                <%-- <EditFormSettings EditFormType="Template">
                    <FormTemplate>
                        <table style="width: 80%" align="center">
                        </table>
                    </FormTemplate>
                </EditFormSettings> --%>
                <Columns>
                    <radG:GridBoundColumn HeaderText="ID" UniqueName="cpk_pronotes" DataField="cpk_pronotes" Display="False" ReadOnly="True" />
                    <radG:GridBoundColumn HeaderText="Entered" UniqueName="date_" DataField="date_" HeaderButtonType="TextButton" />
                    <radG:GridBoundColumn HeaderText="Entered By" UniqueName="username" DataField="username" HeaderButtonType="TextButton" />
                    <radG:GridBoundColumn HeaderText="Subject" UniqueName="subject" DataField="subject" HeaderButtonType="TextButton" />
                    <radG:GridBoundColumn HeaderText="F/U Date" UniqueName="followup" DataField="followup" DataFormatString="{0:d}" HeaderButtonType="TextButton" />
                    <radG:GridBoundColumn HeaderText="F/U Assigned To..." UniqueName="funame" DataField="funame" HeaderButtonType="TextButton" />
                    <radG:GridBoundColumn HeaderText="F/U Complete" UniqueName="fudone" DataField="fudone" HeaderButtonType="TextButton" />
                    <%-- <radG:GridButtonColumn ButtonType="PushButton" Text="Edit" CommandName="Edit" UniqueName="edit" />
                    <radG:GridButtonColumn ButtonType="PushButton" Text="Delete" CommandName="Delete" UniqueName="delete" /> --%>
                </Columns>
                <DetailTables>
                    <radG:GridTableView DataKeyNames="cpk_pronotes">
                        <Columns>
                            <radG:GridBoundColumn HeaderText="ID"  DataField="cpk_pronotes" Display="False" ReadOnly="True" />
                            <radG:GridBoundColumn HeaderText="Notes" UniqueName="notes" DataField="notes" HeaderButtonType="TextButton" />
                        </Columns>
                    </radG:GridTableView>
                </DetailTables>
                <CommandItemTemplate>
                    <asp:Button ID="btnInsert" CommandName="InitInsert"
                        runat="server" Text="Add Item" />
                    <asp:Button ID="btnRefresh" CommandName="RebindGrid"
                        runat="server" Text="Refresh List" />
                </CommandItemTemplate>
            </MasterTableView>
            <HeaderStyle Font-Bold="True" Font-Size="14px" Font-Underline="False" HorizontalAlign="Left" />
            <ItemStyle Font-Size="12px" />
            <AlternatingItemStyle Font-Size="12px" />
        </radg:radgrid>
           
        </radA:RadAjaxPanel>
        <radA:AjaxLoadingPanel ID="AjaxLoadingPanel1" runat="server" Height="75px" Width="75px">
            <asp:Image ID="Image1" runat="server" AlternateText="Loading..." ImageUrl="~/RadControls/Ajax/Skins/Default/Loading3.gif" />
        </radA:AjaxLoadingPanel>
    </div>
    <asp:SqlDataSource ID="dsParent" runat="server" DataSourceMode="DataReader" ConflictDetection="CompareAllValues"
        OldValuesParameterFormatString="Original_{0}" OnUpdating="dsParent_RecordChanged"></asp:SqlDataSource>
    <asp:SqlDataSource ID="dsDetails" runat="server" DataSourceMode="DataReader"></asp:SqlDataSource>
</asp:Content>
-----------------------------------------------

using System;
using System.Web.UI.WebControls;
using SQLDataAccess;
using Telerik.WebControls;

public partial class Lookup_lkup_pronotes2 : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        WP_Utility wpUtility = new WP_Utility();
        wpUtility.GridDefaults(RadGrid1);

        SqlBuilder sbCommand = new SqlBuilder();
        dsParent.ConnectionString = sbCommand.GetConnectionString();
        dsParent.SelectCommand = "wa_ProgressNotesList";
        dsParent.SelectCommandType = SqlDataSourceCommandType.StoredProcedure;
        if (!IsPostBack)
        {
            SessionParameter spMrn = new SessionParameter("MRN", TypeCode.String, "MRN");
            dsParent.SelectParameters.Add(spMrn);
        }

        dsParent.DeleteCommand = "exec wa_ProgressNoteDelete @Original_CPK_PRONOTES";

        dsParent.UpdateParameters.Add("CPK_PRONOTES", TypeCode.Int32, "0");
        dsParent.UpdateParameters.Add("DATE_", TypeCode.String, "");
        dsParent.UpdateParameters.Add("USERNAME", TypeCode.String, "");
        dsParent.UpdateParameters.Add("SUBJECT", TypeCode.String, "");
        dsParent.UpdateParameters.Add("FOLLOWUP", TypeCode.String, "");
        dsParent.UpdateParameters.Add("FUNAME", TypeCode.String, "");
        dsParent.UpdateParameters.Add("FUDONE", TypeCode.String, "");

        //foreach (Parameter param in dsParent.UpdateParameters)
        //{
        //    if (param.Name.Length < 4 || !param.Name.Substring(0, 4).Equals("CPK_"))
        //        sbCommand.UpdateFields.Add(param.Name.ToUpper());
        //}

        dsParent.UpdateCommand = "wa_ProgressNoteUpdate";
        dsParent.UpdateCommandType = SqlDataSourceCommandType.StoredProcedure;

        dsParent.InsertParameters.Add("DATE_", TypeCode.String, "");
        dsParent.InsertParameters.Add("USERNAME", TypeCode.String, "");
        dsParent.InsertParameters.Add("SUBJECT", TypeCode.String, "");
        dsParent.InsertParameters.Add("FOLLOWUP", TypeCode.String, "");
        dsParent.InsertParameters.Add("FUNAME", TypeCode.String, "");
        dsParent.InsertParameters.Add("FUDONE", TypeCode.String, "");

        dsParent.InsertCommand = "wa_ProgressNoteInsert";
        dsParent.InsertCommandType = SqlDataSourceCommandType.StoredProcedure;

        RadGrid1.DataSourceID = "dsParent";
        RadGrid1.MasterTableView.DataKeyNames = new string[] { "cpk_pronotes" };
    }

    protected void RadGrid1_DetailTableDataBind(object source, Telerik.WebControls.GridDetailTableDataBindEventArgs e)
    {
        GridDataItem dataItem = (GridDataItem)e.DetailTableView.ParentItem;
        //string strKey = dataItem["pk"].Text;
        string strKey = dataItem.GetDataKeyValue("cpk_pronotes").ToString();

        SqlBuilder sbCommand = new SqlBuilder();

        dsDetails.ConnectionString = sbCommand.GetConnectionString();

        dsDetails.SelectCommand = "wa_PatientPronotesDetails";
        dsDetails.SelectCommandType = SqlDataSourceCommandType.StoredProcedure;

        if (dsDetails.SelectParameters.Count < 1)
        {
            dsDetails.SelectParameters.Add("CPK_PRONOTES", TypeCode.Int32, strKey);
        }
        else
        {
            Parameter pFKey = new Parameter("CPK_PRONOTES", TypeCode.Int32, strKey);
            dsDetails.SelectParameters["CPK_PRONOTES"] = pFKey;
        }

        e.DetailTableView.DataSourceID = "dsDetails";
        e.DetailTableView.Width = Unit.Percentage(90);

    }

    protected void dsParent_RecordChanged(object sender, SqlDataSourceCommandEventArgs e)
    {
        string eventname = e.Command.CommandText.Substring(0, 6).ToUpper();
        string reason = "";
        string username = Session["LastName"].ToString() + "," + Session["FirstName"].ToString();
        switch (eventname)
        {
            case "UPDATE":
                //reason = "Patient Contact Information updated.";
                try
                {
                    int pk = Convert.ToInt32(e.Command.Parameters["@Original_CPK_PRONOTES"].Value);
                    DataAccess Data = new DataAccess("PRONOTES", "CPK_PRONOTES", pk);

                    Data.LogTransaction(e.Command.Parameters, "original_", Convert.ToInt32(Session["cpruser_no"]), reason, username);
                }
                catch (Exception oError)
                {
                    reason = oError.ToString();
                    reason = reason.Trim();
                }
                break;
            default:
                break;
        }
    }
}

Thanks for the help.  Dan

John Davis
Top achievements
Rank 2
 answered on 08 Apr 2009
2 answers
146 views
Any intention of making the Q1 2009 skins available for download? This applies for all your controls, but I have a particular need for the Toolbar skin.
Jeremy T. Fuller
Top achievements
Rank 1
 answered on 08 Apr 2009
2 answers
212 views
Hi Telerik Support,
I am working with the tabstrip, is there a way to programatically force the tabclick event?

I need to programatically select a tab server side.. any suggestions would be appreciated.
Thanks
~Julie
Julie
Top achievements
Rank 1
 answered on 08 Apr 2009
4 answers
149 views

Hi, http://www.mybodyscience.com/v01/telerik_Equipment.aspx
I have a radgrid where the cells stretch when the editform is called. I would like the grid header to remain the same as it is before the editform is called, like it is when the rows are listed. Anyway I can do that ? I have tried resizing, headerstyles, css, I am lost.

Here is the link (put this page up just for this post, the data is test data)   :
Exercise Equipment Maintenance

And here is the code


thanks for your help
<body id="iqmbsbody" runat="server" >   
                  
    <form id="form1" runat="server">  
      
 
     
    <div> 
    </div> 
  <asp:ScriptManager ID="ScriptManager1" runat="server">  
    </asp:ScriptManager>    
    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel" runat="server" Transparency="20">  
        <table style="width: 100%; height: 100%;">  
            <tr style="height: 100%">  
                <td align="center" valign="middle" style="width: 100%">  
                    <asp:Image ID="Image2" ImageUrl="/mybodyscience/iqimages/Loading_Images/loading3.gif" 
                        BorderWidth="0px" Height="45px" Width="145px" AlternateText="Processing Data ...." 
                        runat="server"></asp:Image> 
                </td> 
            </tr> 
        </table> 
    </telerik:RadAjaxLoadingPanel> 
    <table style="width: 100%;">  
        <tr> 
            <td style="width: 33%;">  
            </td> 
            <td style="width: 33%; margin: 0px">  
                <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="RadAjaxLoadingPanel">  
                    <%-- <asp:Image ID="Image1" runat="server" ImageUrl=" /mybodyscience/iqimages/iqimage$/iStock_000003163184XSmall.jpg" 
                        Height="135px" Width="398px" />--%> 
                    <telerik:RadGrid ID="RadGrid1" runat="server" AllowPaging="True" AllowSorting="True" 
                        GridLines="none" AutoGenerateDeleteColumn="false" EnableHeaderContextMenu="false" 
                        AutoGenerateColumns="false" OnItemCommand="RadGrid1_ItemCommand" OnInsertCommand="RadGrid1_SaveData" 
                        OnNeedDataSource="RadGrid1_NeedDataSource" OnUpdateCommand="RadGrid1_SaveData" 
                        Skin="Office2007" OnItemDataBound="RadGrid1_ItemDataBound" ShowStatusBar="true" 
                        PageSize="10" OnPreRender="RadGrid1_PreRender" OnItemCreated="RadGrid1_ItemCreated" 
                        Width="398px" CssClass="MasterTable_Default">  
                        <PagerStyle CssClass="iqBodyCompositionColors" Position="Bottom" AlwaysVisible="true" 
                            VerticalAlign="Bottom" Mode="NextPrevAndNumeric" ForeColor="DarkBlue" /> 
                        <StatusBarSettings LoadingText="Loading ..." ReadyText="Ready ..." /> 
                        <ClientSettings> 
                            <Scrolling AllowScroll="true" UseStaticHeaders="true" ScrollHeight="230" /> 
                        </ClientSettings> 
                        <MasterTableView AutoGenerateColumns="False" CommandItemDisplay="Top" GridLines="None" 
                            HeaderStyle-Wrap="false" NoMasterRecordsText="No Equipment entered as yet" DataKeyNames="equEquipmentNo" 
                            TableLayout="Fixed">  
                            <ItemStyle Font-Size="Small" ForeColor="#4E026E" BackColor="#FFE140" /> 
                            <AlternatingItemStyle Font-Size="Small" BackColor="#FFE973" ForeColor="Black" /> 
                            <%-- --%> 
                            <CommandItemTemplate> 
                                <div> 
                                    <asp:Image ID="Image1" runat="server" ImageUrl="/mybodyscience/iqimages/iqimage$/iStock_000003163184XSmall.jpg" 
                                        Height="135px" Width="100%" /> 
                                </div> 
                                <div style="text-align: center; background-color: #996633; color: Blue; font-size: medium">  
                                    <asp:Label ID="capID" runat="server" BackColor="#996633" ForeColor="Yellow" Text="Add or Change Your Equipment Information" /> 
                                </div> 
                                <div style="background-color: Yellow; text-align: justify">  
                                    <asp:LinkButton Width="200px" Font-Size="small" ID="sequipAdd" runat="server" CommandName="InitInsert" 
                                        Visible='<%# !RadGrid1.MasterTableView.IsItemInserted %>' ToolTip="Add New Equipment">                                          
                   <img style="border:0px" alt="" src="/mybodyscience/iqimages/trImages/AddRecord.gif" title="Add New Equipment"/>  
                    Add New Equipment</asp:LinkButton> 
                                    <%-- Refresh (sequipRefresh) needs CausesValidation="false" - If the Insert or   
                        Edit Form is being displayed and you click refresh with no data in the   
                        EquipmentName field In the Form, the RequiredFieldValidator   
                        will not allow the Refresh to work --%> 
                                    <asp:LinkButton ID="LinkButton1" Width="161px" Font-Size="small" runat="server" CommandName="iqRefresh" 
                                        CausesValidation="false" ToolTip="Start List At First Item">  
                       <img style="border:0px" alt="" src="/mybodyscience/iqimages/trImages/Refresh.gif" title="Start List At First Item" /> 
                   Refresh List</asp:LinkButton> 
                                    <asp:Label ID="sequipHelp" Width="10px" Font-Size="small" runat="server">  
                       <img style="border:0px" alt="" src="/mybodyscience/iqimages/trImages/Help.gif"   /> 
                                    </asp:Label> 
                                </div> 
                                <telerik:RadToolTip ID="RadToolTipGeneralHelp" runat="server" ManualClose="false" 
                                    TargetControlID="sequipHelp" RelativeTo="Element" MouseTrailing="true" Skin="Outlook" 
                                    Animation="None" Sticky="true" AutoCloseDelay="3000" Position="BottomLeft">  
                                    <div> 
                                        <style="text-align: center">  
                                            <b>My Body Science - General Help</b> 
                                        </p> 
                                        <p> 
                                            <b>Add New Equipment</b> - Click here to add additional Equipment that you use for<br> 
                                            Exercise.  
                                        </p> 
                                        <p> 
                                            <b>Refresh List</b> - Click here to view the list of Equipment from the beginning.  
                                        </p> 
                                        <p> 
                                            <img style="border: 0px" alt="" src="/mybodyscience/iqimages/iqimage$/Delete.gif" /> 
                                            - Click here to permanently Delete this piece of Equipment from your list.  
                                        </p> 
                                        <p> 
                                            <img style="border: 0px" alt="" src="/mybodyscience/iqimages/iqimage$/Edit2.gif" /> 
                                            - Click here to change the information about this piece of Equipment.  
                                        </p> 
                                        <p> 
                                            <b>Name & Detail</b> - Position your mouse over the Name of the Equipment to see  
                                            its<br> 
                                            Detail Information.  
                                        </p> 
                                        <p> 
                                            <img style="border: 0px" alt="" src="/mybodyscience/iqimages/trImages/Help.gif" /> 
                                            - This is the <b>HELP link</b>. Position your mouse here see the help topic.<br> 
                                            To close the help, move the mouse away and click.  
                                        </p> 
                                    </div> 
                                </telerik:RadToolTip> 
                            </CommandItemTemplate> 
                            <Columns> 
                                <telerik:GridBoundColumn DataField="equMemberNo" HeaderText="MemberNo" ReadOnly="true" 
                                    UniqueName="equMemberNo" Visible="false" DataType="System.String">  
                                </telerik:GridBoundColumn> 
                                <telerik:GridBoundColumn DataField="equEquipmentNo" DataType="System.Int32" HeaderText="No" 
                                    UniqueName="equEquipmentNo" ReadOnly="true" Resizable="true" HeaderStyle-Wrap="false" 
                                    HeaderStyle-Width="20px">  
                                </telerik:GridBoundColumn> 
                                <telerik:GridBoundColumn DataField="equEquipmentName" DataType="System.String" HeaderText="Name :" 
                                    UniqueName="equEquipmentName" Visible="false">  
                                </telerik:GridBoundColumn> 
                                <%-- TTP Start--%> 
                                <%-- --%> 
                                <telerik:GridTemplateColumn HeaderText="Name & Detail">  
                                    <ItemTemplate> 
                                        <div style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">  
                                            <asp:Label Font-Underline="true" ID="lblequEquipmentName" runat="server" Text='<%#Eval("equEquipmentName")%>'></asp:Label> 
                                        </div> 
                                        <telerik:RadToolTip ID="RadToolTip1" runat="server" ManualClose="false" TargetControlID="lblequEquipmentName" 
                                            RelativeTo="Mouse" Skin="Outlook" Animation="None" Sticky="true" AutoCloseDelay="3000" 
                                            Position="MiddleRight">  
                                            <div style="background-color: Yellow; font-size: medium; color: Blue; font-weight: bolder">  
                                                <asp:Label runat="server" Style="background-color: Yellow" ID="Label7" Text="Equipment Information"</asp:Label> 
                                                <br> 
                                                <asp:Label runat="server" Style="background-color: Yellow" ID="Label6" Text="Name ..:"</asp:Label> 
                                                <asp:TextBox ID="eName" runat="server" TextMode="MultiLine" Width="200px" Rows="1" 
                                                    Wrap="true" ReadOnly="true" /> 
                                                <%--  Equipment .:    
                           <%# DataBinder.Eval(Container, "DataItem.equEquipmentName")%>--%> 
                                                <br> 
                                                <asp:Label runat="server" Style="background-color: Yellow" ID="Label9" Text="Locat ..:"</asp:Label> 
                                                <asp:TextBox ID="eLocation" runat="server" Width="200px" ReadOnly="true" /> 
                                                <%--  Equipment .:    
                           <%# DataBinder.Eval(Container, "DataItem.equLocationName")%>--%> 
                                                <br> 
                                                <asp:Label runat="server" Style="background-color: Yellow" ID="Label10" Text="Type ...:"</asp:Label> 
                                                <asp:TextBox ID="eType" runat="server" Width="200px" ReadOnly="true" /> 
                                                <%--  Equipment .:    
                           <%# DataBinder.Eval(Container, "DataItem.equTypeName")%>--%> 
                                                <br> 
                                                <asp:Label runat="server" Style="background-color: Yellow; overflow: hidden; text-overflow: ellipsis;  
                                                    white-space: nowrap;" ID="labell" Text="Make ...:"</asp:Label> 
                                                <asp:TextBox ID="eMake" runat="server" Width="200px" ReadOnly="true" /> 
                                                <%--  Make ......:   
                           <%# DataBinder.Eval(Container, "DataItem.equEquipmentMake")%>--%> 
                                                <br> 
                                                <asp:Label runat="server" Style="background-color: Yellow" ID="lbla" Text="Model .:"</asp:Label> 
                                                <asp:TextBox ID="eModel" runat="server" Width="200px" ReadOnly="true" /> 
                                                <%-- Model .....:  
                            <%# DataBinder.Eval(Container, "DataItem.equEquipmentModel")%>--%> 
                                                <br> 
                                                <asp:Label runat="server" Style="background-color: Yellow" ID="Label8" Text="GymID :"</asp:Label> 
                                                <asp:TextBox ID="eGymID" runat="server" Width="200px" ReadOnly="true" /> 
                                                <%-- Gym id ....:  
                            <%# DataBinder.Eval(Container, "DataItem.equEquipmentGymID")%>--%> 
                                                <div> 
                                                    <asp:Label runat="server" Style="background-color: Yellow" ID="lblNotes" Text="Notes ..:"</asp:Label> 
                                                    <asp:TextBox ID="enotes" runat="server" TextMode="MultiLine" Width="200px" Rows="3" 
                                                        ReadOnly="true" /> 
                                                </div> 
                                                <%-- <%# DataBinder.Eval(Container, "DataItem.equEquipmentNotes")%> --%> 
                                                Created ...:  
                                                <%# DataBinder.Eval(Container, "DataItem.equDateCreated")%> 
                                                <br> 
                                                Changed .:  
                                                <%# DataBinder.Eval(Container, "DataItem.equDateCreated")%> 
                                            </div> 
                                        </telerik:RadToolTip> 
                                    </ItemTemplate> 
                                </telerik:GridTemplateColumn> 
                                <%-- TTP End--%> 
                                <telerik:GridBoundColumn DataField="equEquipmentLocNo" HeaderText="Location :" UniqueName="equEquipmentLocNo" 
                                    Visible="false" DataType="System.Int32">  
                                </telerik:GridBoundColumn> 
                                <%-- <telerik:GridBoundColumn DataField="equLocationName" HeaderText="LocationName" UniqueName="equLocationName" 
                                    ReadOnly="true"   Resizable="false" ItemStyle-Wrap="false">  
                                </telerik:GridBoundColumn> --%> 
                                <telerik:GridTemplateColumn HeaderText="Location" HeaderStyle-Width="92px" Resizable="false">  
                                    <ItemTemplate> 
                                        <div style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">  
                                            <asp:Label  ID="lblequLocationName" runat="server" Text='<%#Eval("equLocationName")%>'></asp:Label> 
                                        </div> 
                                    </ItemTemplate> 
                                </telerik:GridTemplateColumn> 
                                <%--   <telerik:GridBoundColumn DataField="equTypeName" HeaderText="TypeName" UniqueName="equTypeName" 
                                ReadOnly="true">   
                            </telerik:GridBoundColumn>--%> 
                                <%-- <telerik:GridBoundColumn DataField="equEquipmentMake" DataType="System.String" HeaderText="Make" 
                                   UniqueName="equEquipmentMake"    Resizable="false" > 
                                    <ItemStyle Wrap="true" />   
                                </telerik:GridBoundColumn> --%> 
                                <telerik:GridTemplateColumn HeaderText="Make" HeaderStyle-Width="92px" Resizable="false">  
                                    <ItemTemplate> 
                                        <div style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">  
                                            <asp:Label  ID="lblequEquipmentMake" runat="server" Text='<%#Eval("equEquipmentMake")%>'></asp:Label> 
                                        </div> 
                                    </ItemTemplate> 
                                </telerik:GridTemplateColumn> 
                                <telerik:GridBoundColumn DataField="equEquipmentModel" DataType="System.String" HeaderText="Model" 
                                    UniqueName="equEquipmentModel" Visible="false">  
                                </telerik:GridBoundColumn> 
                                <telerik:GridBoundColumn DataField="equEquipmentGymID" DataType="System.String" HeaderText="Any Gym ID" 
                                    UniqueName="equEquipmentGymID" Visible="false">  
                                </telerik:GridBoundColumn> 
                                <telerik:GridBoundColumn DataField="equEquipmentNotes" DataType="System.String" HeaderText="Notes" 
                                    UniqueName="equEquipmentNotes" Visible="false">  
                                </telerik:GridBoundColumn> 
                                <telerik:GridButtonColumn CommandName="Delete" ButtonType="ImageButton" ImageUrl="/mybodyscience/iqimages/iqimage$/Delete.gif" 
                                    HeaderStyle-Width="20px" Resizable="false" UniqueName="DeleteColumn" ItemStyle-HorizontalAlign="Center">  
                                    <ItemStyle HorizontalAlign="Center" /> 
                                </telerik:GridButtonColumn> 
                                <telerik:GridEditCommandColumn HeaderStyle-Width="20px" ButtonType="ImageButton" 
                                    UniqueName="iqEditColumn" Resizable="false" EditImageUrl="/mybodyscience/iqimages/iqimage$/Edit2.gif">  
                                </telerik:GridEditCommandColumn> 
                            </Columns> 
                            <EditFormSettings EditFormType="Template">  
                                <FormStyle BackColor="#996633" ForeColor="Yellow" /> 
                                <FormTemplate> 
                                    <%--  <table id="Table2" cellspacing="0" cellpadding="0" width="100%" border="0"     
                                        style="border-collapse: collapse; background: white; font-size: small"> --%> 
                                    <div style="left: 5px">  
                                        <!-- Outer div --> 
                                        <div style="text-align: center; font-size: medium; width: 100%">  
                                            <asp:Label ID="lblTitle" runat="server" Width="358px" Font-Bold="true" /> 
                                            <asp:Label ID="seFormHelp" Width="10" Font-Size="medium" ForeColor="Yellow" Font-Bold="true" 
                                                runat="server">  
                                           <img style="border:0px; " alt="Help" src="/mybodyscience/iqimages/trImages/Help.gif"   /> 
                                            </asp:Label> 
                                            <telerik:RadToolTip ID="RadToolTipFormHelp" runat="server" ManualClose="true" TargetControlID="seFormHelp" 
                                                Position="MiddleLeft" RelativeTo="Element" Skin="Outlook" Animation="None" Sticky="true" 
                                                AutoCloseDelay="3000">  
                                                <div> 
                                                    <style="text-align: center">  
                                                        <b>Maintain Equipment Information </b> 
                                                    </p> 
                                                    <style="text-align: left">  
                                                        <b>Name </b>- Give this Equipment a Name. An Example could be "Row Machine".<br> 
                                                        You may use different Row Machines. So, the first one could be Row Machine 1.  
                                                    </p> 
                                                    <style="text-align: left">  
                                                        <b>Location </b>- From your Exercise Location list, choose the location where<br> 
                                                        this equipment is. If you have not entered any of your Exercise Locations<br> 
                                                        , you can go to the Exercise Location page and enter your Exercise Locations.  
                                                    </p> 
                                                    <style="text-align: left">  
                                                        <b>Type </b>- From your Type list, choose the Type of Exercise Equipemnt this is.<br> 
                                                        If you have not entered any of your Types, you can go to the Type Maintenance<br> 
                                                        page and enter your Types. Some Examples of Types could be "Cardio Equipment"  
                                                        <br> 
                                                        , "Hiking Equipment" or "Exercise Clothing".  
                                                    </p> 
                                                    <style="text-align: left">  
                                                        <b>Make and Model </b>- You can enter the Make and Manufacturer Model if you  
                                                        <br> 
                                                        like.  
                                                    </p> 
                                                    <style="text-align: left">  
                                                        <b>Gym ID </b>- In some gyms and fitness centers, they put information to identify<br> 
                                                        that piece of equipment. Most of the time it will be a number. You can put that  
                                                        <br> 
                                                        information here. It helps if a facility has more than one of the same piece of  
                                                        Equipment.<br> 
                                                        Even though Equipment may be the same, sometimes they may be calibrated differently,  
                                                        <br> 
                                                        or, one may work better than another for you.<br> 
                                                        It also helps if you need to remember which Equipment you use in a facility.  
                                                    </p> 
                                                    <style="text-align: left">  
                                                        <b>Notes</b>- Note any information that is important to you about this Equipment<br> 
                                                    </p> 
                                                    <style="text-align: left">  
                                                        <b>Save </b>- Click this to Save your Information.<br> 
                                                    </p> 
                                                    <style="text-align: left">  
                                                        <b>Cancel</b>- Cancel your current request to Add or Update Equipment information.<br> 
                                                    </p> 
                                                    <style="text-align: left">  
                                                        <img style="border: 0px" alt="" src="/mybodyscience/iqimages/trImages/Help.gif" /> 
                                                        - This is the <b>HELP link</b>. Position your mouse here see the help topic.<br> 
                                                        To close the help, move the mouse away and click.  
                                                    </p> 
                                                </div> 
                                            </telerik:RadToolTip> 
                                        </div> 
                                        <div> 
                                            <asp:TextBox ID="TextBox1" Width="0px" runat="server" Text='<%# Bind( "equEquipmentNo") %>' 
                                                Visible="false" /> 
                                        </div> 
                                        <br> 
                                        <div style="margin-left: 5px; font-size: medium">  
                                            <asp:Label ID="Label1" runat="server" Text="Name .....:" ToolTip="Equipment Name " 
                                                Width="85px" Font-Bold="true" /> 
                                            <asp:TextBox ID="sEquipmentName" Width="250px" MaxLength="50" runat="server" Text='<%# Bind( "equEquipmentName") %>' /> 
                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator1" ControlToValidate="sEquipmentName" 
                                                Text="!" ErrorMessage="You Need Equipment Name" runat="server">  
                                            </asp:RequiredFieldValidator> 
                                        </div> 
                                        <br> 
                                        <div style="margin-left: 5px; font-size: medium">  
                                            <asp:TextBox ID="sequEquipmentLocNo" Width="0px" runat="server" Text='<%# Bind( "equEquipmentLocNo") %>' 
                                                Visible="false" Font-Bold="true" /> 
                                            <asp:Label ID="Labeltyp1" runat="server" Text="Location .:" ToolTip="Select Equipment Location " 
                                                Width="85px" Font-Bold="true" /> 
                                            <asp:DropDownList ID="equEquipmentddl" runat="server" AppendDataBoundItems="True">  
                                                <asp:ListItem Selected="True" Text="Select" Value=""></asp:ListItem> 
                                            </asp:DropDownList> 
                                        </div> 
                                        <br> 
                                        <div style="margin-left: 5px; font-size: medium">  
                                            <asp:TextBox ID="sequEquipmentTypeNo" Width="0px" runat="server" Text='<%# Bind( "equEquipmentTypeNo") %>' 
                                                Visible="false" /> 
                                            <asp:Label ID="Label2" runat="server" Text="Type ......:" ToolTip="Select Equipment Type " 
                                                Width="85px" Font-Bold="true" /> 
                                            <asp:DropDownList ID="equEquipmentTypeddl" runat="server" AppendDataBoundItems="True">  
                                                <asp:ListItem Selected="True" Text="Select" Value=""></asp:ListItem> 
                                            </asp:DropDownList> 
                                        </div> 
                                        <br> 
                                        <div style="margin-left: 5px; font-size: medium">  
                                            <asp:Label ID="Label3" runat="server" Text="Make ......:" ToolTip="Equipment Make " 
                                                Width="85px" Font-Bold="true" /> 
                                            <asp:TextBox ID="sequEquipmentMake" Width="250px" MaxLength="30" runat="server" Text='<%# Bind( "equEquipmentMake") %>' /> 
                                        </div> 
                                        <br> 
                                        <div style="margin-left: 5px; font-size: medium">  
                                            <asp:Label ID="Label4" runat="server" Text="Model .....:" ToolTip="Equipment Model " 
                                                Width="85px" Font-Bold="true" /> 
                                            <asp:TextBox ID="sequEquipmentModel" Width="250px" MaxLength="30" runat="server" 
                                                Text='<%# Bind( "equEquipmentModel") %>' /> 
                                        </div> 
                                        <br> 
                                        <div style="margin-left: 5px; font-size: medium">  
                                            <asp:Label ID="Labgid" runat="server" Text="GymID ...:" ToolTip="Sometimes in a Gym, they label the equipment with a number or other ID" 
                                                Width="85px" Font-Bold="true" /> 
                                            <asp:TextBox ID="sequEquipmentGymID" Width="250px" MaxLength="15" runat="server" 
                                                Text='<%# Bind( "equEquipmentGymID") %>' /> 
                                        </div> 
                                        <br> 
                                        <div style="margin-left: 5px; font-size: medium">  
                                            <asp:Label ID="Label5" runat="server" Text="Notes .....:" ToolTip="Any notes or comments about this Piece of Equipment" 
                                                Width="85px" Font-Bold="true" /> 
                                            <asp:TextBox TextMode="MultiLine" ID="sequEquipmentNotes" Width="250px" MaxLength="100" 
                                                runat="server" Text='<%# Bind( "equEquipmentNotes") %>' /> 
                                        </div> 
                                        <br> 
                                        <div style="text-align: center">  
                                            <asp:Button ID="btnUpdate" Text='<%# (Container is GridEditFormInsertItem) ? "Save" : "Save" %>' 
                                                runat="server" OnClientClick="ShowTooltip()" CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>'>  
                                            </asp:Button>&nbsp;  
                                            <asp:Button ID="btnCancel" Text="Cancel" runat="server" CausesValidation="False" 
                                                CommandName="Cancel" OnClientClick="HideTooltip()"></asp:Button> 
                                        </div> 
                                    </div> 
                                    <!-- Outer div --> 
                                    <%--  </table> --%> 
                                </FormTemplate> 
                            </EditFormSettings> 
                        </MasterTableView> 
                    </telerik:RadGrid> 
                </telerik:RadAjaxPanel> 
            </td> 
            <td style="width: 33%">  
                &nbsp;  
            </td> 
        </tr> 
    </table> 
    <telerik:RadToolTip runat="server" ID="RadToolTip1" Position="Center" HideEvent="ManualClose" 
        Skin="SkyBlue" ShowEvent="FromCode" IsClientID="true" Width="300px" OnClientBeforeShow="CheckIfShow" 
        TargetControlID="btnUpdate">  
        <asp:ValidationSummary ID="ValidationSummary1" runat="server" /> 
    </telerik:RadToolTip> 
 </form> 
     
     
</body> 
 
Georgi Krustev
Telerik team
 answered on 08 Apr 2009
Narrow your results
Selected tags
Tags
+? more
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?