Telerik Forums
UI for ASP.NET AJAX Forum
or
Ask question
All Questions
Unanswered
Answered
110,777 questions
3 answers
125 views
Focusing RadComboBox on Edit Item
In our application, we have to meet several requirements that require us to focus the cursor on the first field of the edit item. We are able to achieve this in a few different ways. Either grabbing the edit item on the ItemDataBound event, or even through the use of javascript that you're team has provided on your  site. Although this gives the field focus, it's almost as if it's not true focus. We also have these fields with the properties of 'EnableLoadOnDemand=true' and 'AutoPostback=true' trying to achieve that whenever the customer types in even one letter, the program should mark the first match in the data-bound control. When we focus it, and start typing, nothing happens at all outside of the text being displayed, but if we focus away and then CLICK back to the input area, it sense the text input correctly. We need the field to sense the input and cause the drop-down to load right after clicking insert and gaining focus. We are using the ASP.NET AJAX version 2014.2.618.40 and this has been plaguing our site for a while now.

Please assist!

Thanks,

Joe
ComboBox
Nencho
Telerik team
 answered on 26 Sep 2014
3 answers
260 views
RadAjaxLoadingPanel - Change loading-Img Position
Hello,

I am working on a project with a RadGrid.

When the user clicks on a button, a JavaScript function shows the RadAjaxLoadingPanel.

The surface becomes gray, but I don’t see the loading-Img.

It’s seems it located off-screen. [See Video]

Code:
    </telerik:RadScriptManager>
    <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
        <script type="text/javascript">
            function loadajax() {
                var loadingPanel = $find("<%= RadAjaxLoadingPanel1.ClientID %>");
                var grid = $find("<%= RadGrid1.ClientID%>").get_masterTableView();
                loadingPanel.show(grid.get_id());
            }
 
        </script>
    </telerik:RadCodeBlock>
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
    </telerik:RadAjaxManager>
<div>
<telerik:RadButton ID="RadButton1" runat="server" Text="RadButton" OnClientClicking="loadajax">
    </telerik:RadButton><br />
    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default" >
         
    </telerik:RadAjaxLoadingPanel>
    <telerik:RadGrid ID="RadGrid1" runat="server">
    </telerik:RadGrid>
 
</div>

How do I control the position of the rotating loading-Img?

Thanks,
Daniel.
Ajax
Pavlina
Telerik team
 answered on 26 Sep 2014
1 answer
102 views
Update asp:label with completed Insert/Update action
Use the following code to Insert/Update/Select our RadGrid, however what I need to display on successful completion of Insert/Update is a message indicating that.  How do I update _lblErrorMessage?  Thanks

<asp:Label ID="_lblErrorMsg" runat="server" Text="" CssClass="alert"></asp:Label>
<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:FMS_Conn %>"
               SelectCommand="sp_getTopCreditUnions" SelectCommandType="StoredProcedure"
               DeleteCommand="sp_DelTopCreditUnion" DeleteCommandType="StoredProcedure"
               InsertCommand="sp_InsTopCreditUnion" InsertCommandType="StoredProcedure">
            <DeleteParameters>
                <asp:Parameter Name="asi_num" Type="Int32" ></asp:Parameter>
                <asp:SessionParameter Name="user_id" SessionField="user_id" Type="String" />
            </DeleteParameters>
              <InsertParameters>
                  <asp:Parameter Name="asi_num" Type="Int32" ></asp:Parameter>
                  <asp:SessionParameter Name="user_id" SessionField="user_id" Type="String" />
              </InsertParameters>
          </asp:SqlDataSource>
          <asp:SqlDataSource ID="SqlDataSource2" runat="server" ConnectionString="<%$ ConnectionStrings:FMS_Conn %>"
               SelectCommand="sp_getASI_CreditUnions" SelectCommandType="StoredProcedure">
          </asp:SqlDataSource>
Grid
Radoslav
Telerik team
 answered on 26 Sep 2014
2 answers
130 views
All tabs on one line
I was wondering it is possible to keep all tabs on one row and not make them go on the second line, like so:

Tab 1 | Tab 2 | Tab 3 | ... | < > 

The two arrows at the end of the only line would be needed to scroll through tabs that do not fit on the view.

Bye
TabStrip
Nencho
Telerik team
 answered on 26 Sep 2014
6 answers
505 views
RadEditor Text and Content always empty
Hello,

I come across a problem, which may be just silly, but I can not find the reason. I would appreciate to help me.

I created a WebUserControl containing three RadEditor, each for a different type of text (short text, medium text and large text). Through Javascript I check the maximum number of characters for the short and medium text (this works well):

<script type="text/javascript">
    var maxTextLength = 100;
    var maxTextLengthM = 250;
    var messageText = 'Ha superado el máximo permitido de ' + maxTextLength + ' caracteres para el Texto Corto!';
    var messageTextM = 'Ha superado el máximo permitido de ' + maxTextLengthM + ' caracteres para el Texto Medio!';
 
    function isAlphaNumericKey(keyCode) {
        if ((keyCode > 47 && keyCode < 58) || (keyCode > 64 && keyCode < 91)) {
            return true;
        }
        return false;
    }
 
    function LimitCharacters(editor) {
        editor.attachEventHandler("keydown", function (e) {
            e = (e == null) ? window.event : e;
            if (isAlphaNumericKey(e.keyCode)) {
                textLength = editor.get_text().length;
                if (textLength >= maxTextLength) {
                    alert(messageText);
                    e.returnValue = false;
                    return false;
                }
            }
        });
    }
 
    function LimitCharactersM(editor) {
        editor.attachEventHandler("keydown", function (e) {
            e = (e == null) ? window.event : e;
            if (isAlphaNumericKey(e.keyCode)) {
                textLength = editor.get_text().length;
                if (textLength >= maxTextLengthM) {
                    alert(messageTextM);
                    e.returnValue = false;
                    return false;
                }
            }
        });
    }
 
    function CalculateLength(editor, value) {
        var textLength = editor.get_text().length;
        var clipboardLength = value.length;
        textLength += clipboardLength;
        return textLength;
    }
 
    function OnClientPasteHtml(editor, args) {
        var commandName = args.get_commandName();
        var value = args.get_value();
        if (commandName == "PasteFromWord"
            || commandName == "PasteFromWordNoFontsNoSizes"
            || commandName == "PastePlainText"
            || commandName == "PasteAsHtml"
            || commandName == "Paste") {
            var textLength = CalculateLength(editor, value);
            if (textLength >= maxTextLength) {
                alert(messageText);
                args.set_cancel(true);
            }
        }
    }
 
    function OnClientPasteHtmlM(editor, args) {
        var commandName = args.get_commandName();
        var value = args.get_value();
        if (commandName == "PasteFromWord"
            || commandName == "PasteFromWordNoFontsNoSizes"
            || commandName == "PastePlainText"
            || commandName == "PasteAsHtml"
            || commandName == "Paste") {
            var textLength = CalculateLength(editor, value);
            if (textLength >= maxTextLengthM) {
                alert(messageTextM);
                args.set_cancel(true);
            }
        }
    }
</script>
 
 
 
 
<table style="width:500px; border:none;">
    <tr>
        <td style="text-align:center; font-weight:bold; text-align:center;">Texto Corto
        </td>
    </tr>
    <tr>
        <td style="vertical-align:top;">
                    <telerik:RadEditor Language="es-ES" LocalizationPath="~/App_GlobalResources/" id="txtTextoCorto" runat="server" SkinID="DefaultSetOfTools" EditModes="Design"
                        Skin="Sunset" ToolsFile="~/EditorOpcionesBasicas.xml" OnClientLoad="LimitCharacters" OnClientPasteHtml="OnClientPasteHtml" Height="120">
                    </telerik:RadEditor>
        </td>
    </tr>
    <tr><td style="height:30px;"></td></tr>
    <tr>
        <td style="text-align:center; font-weight:bold; text-align:center;">Texto Medio</td>
    </tr>
    <tr>
        <td style="vertical-align:top;">
 
                    <telerik:RadEditor Language="es-ES" LocalizationPath="~/App_GlobalResources/" id="txtTextoMedio" runat="server" SkinID="DefaultSetOfTools" EditModes="Design"
                        Skin="Sunset" ToolsFile="~/EditorOpcionesBasicas.xml" OnClientLoad="LimitCharactersM" OnClientPasteHtml="OnClientPasteHtmlM" Height="190">
                    </telerik:RadEditor>
 
        </td>
    </tr>
    <tr><td style="height:30px;"></td></tr>
    <tr>
        <td style="text-align:center; font-weight:bold; text-align:center;">Texto Largo</td>
    </tr>
    <tr>
        <td style="vertical-align:top;">
            <telerik:RadEditor Language="es-ES" LocalizationPath="~/App_GlobalResources/" id="txtTextoLargo" runat="server" SkinID="DefaultSetOfTools" EditModes="Design"
                Skin="Sunset" ToolsFile="~/EditorOpcionesBasicas.xml" Height="300">
            </telerik:RadEditor>
        </td>
    </tr>
</table>

This WebUserControl contains a function that saves the text to a database:

public bool GuardarTextos(string pIdACP, out string pError)
        {
            pError = "";
            return mLN.GuardarTextosACP(pIdACP, txtTextoCorto.Content.Trim(), txtTextoMedio.Content.Trim(), txtTextoLargo.Content.Trim(), out pError);
        }

Here, for all the RadEditors (txtTextoCorto, txtTextoMedio and txtTextoLargo) always the Content property and Text property is empty.

I show the WebUserControl in an asp ModalPopupExtender and I call the GuardarTextos function from an external button.

Can you help me what I'm doing wrong?

Thank you very much.
Editor
Marin Bratanov
Telerik team
 answered on 26 Sep 2014
1 answer
108 views
Error: Unable to get value of the property 'parentNode': object is null or undefined
Error: Unable to get value of the property 'parentNode': object is null or undefined
Calendar
Konstantin Dikov
Telerik team
 answered on 26 Sep 2014
1 answer
110 views
microsoft jscript runtime error object doesn't support this property or method datepicker
i am getting an error as microsoft jscript runtime error object doesn't support this property or method datepicker on postback.

Calendar
Konstantin Dikov
Telerik team
 answered on 26 Sep 2014
3 answers
119 views
Bug in RadGrid, events not firing and work around
Hi,

There is a nasty bug in the RadGrid control leading to Update/Insert events not firing when editing.

See below how you reproduce the problem and how you resolve it.

We did this with the December 15 version of Telerik.

a) Define a skin such as:

<telerik:RadGrid SkinID = "MySkin" AllowPaging="True" PageSize="30" runat="server" AutoGenerateColumns="false">
</telerik:RadGrid>

b) Create a RadGrid with that skin and add events for update/insert commands

<telerik:RadGrid ID="RadGrid1" EnableViewState="true"
runat="server" SkinID="MySkin"
OnNeedDataSource="RadGrid1_NeedDataSource"
OnUpdateCommand="RadGrid1_UpdateCommand"
AutoGenerateColumns="False" AllowAutomaticDeletes="false" AllowAutomaticInserts="false" AllowAutomaticUpdates="false"
>

c) Events are not firing!

The solution is this:
Simply add the property to the RadGrid: PageSize = "30" and it works again and the events fire. As soon as you put this PageSize property in the skin definition you get into troubled water...

We spent half a day to track this down. God!
Grid
Konstantin Dikov
Telerik team
 answered on 26 Sep 2014
5 answers
203 views
RadGrid Squeeze Columns while trying to lock header
Hi ,

I am trying to lock grid header and freeze columns feature in radgrid. I am putting radgrid inside radsplitter. My radsplitter is inside the master page.I tried putting Table_Layout to be Fixed and put all Header style width for all columns. That will freeze my header but all columns are squeeze and there is no scroll bars. Please see attached screen shot and html code for your information. It would be greate if someone can guide me how to do. 

<div>
      <table>
          <tr>
              <td>
                  <telerik:RadGrid ID="gvViewTrans" Skin="Metro" AllowMultiRowEdit="true" EnableLinqExpressions="false"
                      GridLines="both" AllowPaging="true" runat="server" OnItemCommand="gvViewTrans_ItemCommand"
                      OnItemDataBound="gvViewTrans_ItemDataBound" OnNeedDataSource="gvViewTrans_NeedDataSource"
                      OnPreRender="gvViewTrans_PreRender" PageSize="31" Width="100%">
                      <MasterTableView EditMode="InPlace" CommandItemDisplay="Top" AutoGenerateColumns="false"
                          DataKeyNames="SID" Width="100%" TableLayout="Fixed">
                          <CommandItemTemplate>
                              <div style="display: none;">
                                  <telerik:RadButton ID="btnSave" runat="server" Text="Save" Width="80px" Skin="Sitefinity"
                                      CommandName="Save">
                                      <Icon PrimaryIconUrl="Images/save.png" PrimaryIconTop="3px" PrimaryIconLeft="5px" />
                                  </telerik:RadButton>
                              </div>
                          </CommandItemTemplate>
                          <ItemStyle Wrap="false" BorderColor="Red" />
                          <HeaderStyle BackColor="#941922" ForeColor="White" />
                          <Columns>
                              <telerik:GridBoundColumn UniqueName="Date" HeaderText="Date" ReadOnly="true" DataFormatString="{0:dd-MMM-yyyy}"
                                  DataField="Trans_Date" ItemStyle-BackColor="#F6EFD7" HeaderStyle-Width="36px">
                                  <ItemStyle BackColor="#F6EFD7"></ItemStyle>
                              </telerik:GridBoundColumn>
                              <telerik:GridBoundColumn UniqueName="Day" HeaderText="Day" ReadOnly="true" DataField="Trans_Date"
                                  DataFormatString="{0:ddd}" ItemStyle-BackColor="#F6EFD7" HeaderStyle-Width="15px">
                                  <ItemStyle BackColor="#F6EFD7"></ItemStyle>
                              </telerik:GridBoundColumn>
                              <telerik:GridCheckBoxColumn UniqueName="Locked" HeaderText="Lock" DataField="Locked"
                                  Visible="true" HeaderStyle-Width="10px">
                              </telerik:GridCheckBoxColumn>
                              <telerik:GridCheckBoxColumn UniqueName="Freeze" HeaderText="Freeze" DataField="Freeze"
                                  Visible="true" HeaderStyle-Width="10px">
                              </telerik:GridCheckBoxColumn>
                              <telerik:GridTemplateColumn UniqueName="SchIn" HeaderText="SchIn" HeaderStyle-BackColor="#941922"
                                  HeaderStyle-Width="40px">
                                  <HeaderStyle BackColor="#941922"></HeaderStyle>
                                  <ItemStyle BackColor="#F2F2F2"></ItemStyle>
                                  <ItemTemplate>
                                      <asp:TextBox ID="TB_SchIn1" Text='<%# DataBinder.Eval(Container.DataItem, "SchIn1") %>'
                                          Width="40px" runat="server"></asp:TextBox>
                                      <br />
                                      <asp:TextBox ID="TB_SchIn2" Text='<%# DataBinder.Eval(Container.DataItem, "SchIn2") %>'
                                          Width="40px" runat="server"></asp:TextBox>
                                  </ItemTemplate>
                              </telerik:GridTemplateColumn>
                              <telerik:GridTemplateColumn UniqueName="SchOut" HeaderText="SchOut" HeaderStyle-BackColor="#941922"
                                  HeaderStyle-Width="40px">
                                  <HeaderStyle BackColor="#941922"></HeaderStyle>
                                  <ItemStyle BackColor="#F2F2F2"></ItemStyle>
                                  <ItemTemplate>
                                      <asp:TextBox ID="TB_SchOut1" Text='<%# DataBinder.Eval(Container.DataItem, "SchOut1") %>'
                                          Width="40px" runat="server" e></asp:TextBox>
                                      <br />
                                      <asp:TextBox ID="TB_SchOut2" Text='<%# DataBinder.Eval(Container.DataItem, "SchOut2") %>'
                                          Width="40px" runat="server"></asp:TextBox>
                                  </ItemTemplate>
                              </telerik:GridTemplateColumn>
                              <telerik:GridTemplateColumn UniqueName="In" HeaderText="In" HeaderStyle-BackColor="#941922"
                                  HeaderStyle-Width="40px" DataField="In1">
                                  <HeaderStyle BackColor="#941922"></HeaderStyle>
                                  <ItemStyle BackColor="#F2F2F2"></ItemStyle>
                                  <ItemTemplate>
                                      <asp:TextBox ID="TB_In1" Text='<%# DataBinder.Eval(Container.DataItem, "In1") %>'
                                          Width="40px" runat="server"></asp:TextBox>
                                  </ItemTemplate>
                              </telerik:GridTemplateColumn>
                              <telerik:GridTemplateColumn UniqueName="Out" HeaderText="Out" HeaderStyle-BackColor="#941922"
                                  HeaderStyle-Width="40px" DataField="Out1">
                                  <HeaderStyle BackColor="#941922"></HeaderStyle>
                                  <ItemStyle BackColor="#F2F2F2"></ItemStyle>
                                  <ItemTemplate>
                                      <asp:TextBox ID="TB_Out1" Text='<%# DataBinder.Eval(Container.DataItem, "Out1") %>'
                                          Width="40px" runat="server"></asp:TextBox>
                                      <br />
                                  </ItemTemplate>
                              </telerik:GridTemplateColumn>
                              <telerik:GridTemplateColumn UniqueName="FinalWkhr" HeaderText="NRM" HeaderStyle-BackColor="#941922"
                                  HeaderStyle-Width="40px" DataField="FinalWkhr1">
                                  <HeaderStyle BackColor="#941922"></HeaderStyle>
                                  <ItemStyle BackColor="#F2F2F2"></ItemStyle>
                                  <ItemTemplate>
                                      <asp:TextBox ID="TB_FinalWkhr1" Text='<%# DataBinder.Eval(Container.DataItem, "TotalFinalWkhr") %>'
                                          Width="40px" runat="server"></asp:TextBox>
                                  </ItemTemplate>
                              </telerik:GridTemplateColumn>
                              <telerik:GridTemplateColumn UniqueName="Late" HeaderText="Late" HeaderStyle-BackColor="#941922"
                                  HeaderStyle-Width="40px" DataField="Late1">
                                  <HeaderStyle BackColor="#941922"></HeaderStyle>
                                  <ItemStyle BackColor="#F2F2F2"></ItemStyle>
                                  <ItemTemplate>
                                      <asp:TextBox ID="TB_Late1" Text='<%# DataBinder.Eval(Container.DataItem, "TotalLate") %>'
                                          Width="40px" runat="server"></asp:TextBox>
                                  </ItemTemplate>
                              </telerik:GridTemplateColumn>
                              <telerik:GridTemplateColumn UniqueName="EarlyOut" HeaderText="EarlyOut" HeaderStyle-BackColor="#941922"
                                  HeaderStyle-Width="40px" DataField="EarlyOut1">
                                  <HeaderStyle BackColor="#941922"></HeaderStyle>
                                  <ItemStyle BackColor="#F2F2F2"></ItemStyle>
                                  <ItemTemplate>
                                      <asp:TextBox ID="TB_EarlyOut1" Text='<%# DataBinder.Eval(Container.DataItem, "TotalEarlyOut") %>'
                                          Width="40px" runat="server"></asp:TextBox>
                                  </ItemTemplate>
                              </telerik:GridTemplateColumn>
                              <telerik:GridTemplateColumn UniqueName="WKOT" HeaderText="WKOT" HeaderStyle-BackColor="#941922"
                                  HeaderStyle-Width="40px" DataField="WKOT">
                                  <HeaderStyle BackColor="#941922"></HeaderStyle>
                                  <ItemStyle BackColor="#F2F2F2"></ItemStyle>
                                  <ItemTemplate>
                                      <asp:TextBox ID="TB_WKOT" Text='<%# DataBinder.Eval(Container.DataItem, "WKOT") %>'
                                          Width="40px" runat="server"></asp:TextBox>
                                      <br />
                                  </ItemTemplate>
                              </telerik:GridTemplateColumn>
                              <telerik:GridTemplateColumn UniqueName="OFFOT" HeaderText="OFFOT" HeaderStyle-BackColor="#941922"
                                  HeaderStyle-Width="40px" DataField="OFFOT">
                                  <HeaderStyle BackColor="#941922"></HeaderStyle>
                                  <ItemStyle BackColor="#F2F2F2"></ItemStyle>
                                  <ItemTemplate>
                                      <asp:TextBox ID="TB_OFFOT" Text='<%# DataBinder.Eval(Container.DataItem, "OFFOT") %>'
                                          Width="40px" runat="server"></asp:TextBox>
                                      <br />
                                  </ItemTemplate>
                              </telerik:GridTemplateColumn>
                              <telerik:GridBoundColumn UniqueName="Part_Time" HeaderText="PTHrs" DataField="Part_Time"
                                  HeaderStyle-Width="50px">
                                  <ItemStyle BackColor="#F2F2F2"></ItemStyle>
                              </telerik:GridBoundColumn>
                              <telerik:GridTemplateColumn UniqueName="Reason" HeaderText="Reason" HeaderStyle-BackColor="#941922"
                                  HeaderStyle-Width="40px">
                                  <HeaderStyle BackColor="#941922"></HeaderStyle>
                                  <ItemStyle BackColor="#F2F2F2"></ItemStyle>
                                  <ItemTemplate>
                                      <telerik:RadComboBox ID="RCB_ReasonCode" runat="server" Width="80px" ZIndex="1000000">
                                      </telerik:RadComboBox>
                                      <br />
                                      <telerik:RadComboBox ID="RCB_ReasonCode2" runat="server" Width="80px" ZIndex="1000000">
                                      </telerik:RadComboBox>
                                  </ItemTemplate>
                              </telerik:GridTemplateColumn>
                              <telerik:GridTemplateColumn UniqueName="Skill" HeaderText="Skill" HeaderStyle-BackColor="#941922"
                                  HeaderStyle-Width="40px">
                                  <HeaderStyle BackColor="#941922"></HeaderStyle>
                                  <ItemStyle BackColor="#F2F2F2"></ItemStyle>
                                  <ItemTemplate>
                                      <telerik:RadComboBox ID="RCB_Skill" runat="server" Width="80px" ZIndex="1000000">
                                      </telerik:RadComboBox>
                                      <br />
                                      <telerik:RadComboBox ID="RCB_Skill2" runat="server" Width="80px" ZIndex="1000000">
                                      </telerik:RadComboBox>
                                  </ItemTemplate>
                              </telerik:GridTemplateColumn>
                              <telerik:GridTemplateColumn UniqueName="Loc" HeaderText="Loc" HeaderStyle-BackColor="#941922"
                                  HeaderStyle-Width="40px">
                                  <HeaderStyle BackColor="#941922"></HeaderStyle>
                                  <ItemStyle BackColor="#F2F2F2"></ItemStyle>
                                  <ItemTemplate>
                                      <telerik:RadComboBox ID="RCB_Loc" runat="server" Width="80px" OnItemsRequested="cboLocation_ItemsRequested"
                                          EnableLoadOnDemand="true" ZIndex="1000000">
                                      </telerik:RadComboBox>
                                      <br />
                                      <telerik:RadComboBox ID="RCB_Loc2" runat="server" Width="80px" OnItemsRequested="cboLocation_ItemsRequested"
                                          EnableLoadOnDemand="true" ZIndex="1000000">
                                      </telerik:RadComboBox>
                                  </ItemTemplate>
                              </telerik:GridTemplateColumn>
                              <telerik:GridBoundColumn UniqueName="ReasonCodeTemp" HeaderText="" DataField="ReasonCode"
                                  Visible="false" HeaderStyle-Width="20px">
                              </telerik:GridBoundColumn>
                              <telerik:GridBoundColumn UniqueName="ReasonCodeTemp2" HeaderText="" DataField="ReasonCode2"
                                  Visible="false" HeaderStyle-Width="20px">
                              </telerik:GridBoundColumn>
                              <telerik:GridBoundColumn UniqueName="LocTemp" HeaderText="" DataField="Location1"
                                  Visible="false" HeaderStyle-Width="20px">
                              </telerik:GridBoundColumn>
                              <telerik:GridBoundColumn UniqueName="LocTemp2" HeaderText="" DataField="Location2"
                                  Visible="false" HeaderStyle-Width="20px">
                              </telerik:GridBoundColumn>
                              <telerik:GridBoundColumn UniqueName="SkillTemp" HeaderText="" DataField="SchSkill1"
                                  Visible="false" HeaderStyle-Width="20px">
                              </telerik:GridBoundColumn>
                              <telerik:GridBoundColumn UniqueName="SkillTemp2" HeaderText="" DataField="SchSkill2"
                                  Visible="false" HeaderStyle-Width="20px">
                              </telerik:GridBoundColumn>
                              <telerik:GridBoundColumn UniqueName="SchID1" HeaderText="" DataField="SchID1" Display="false"
                                  HeaderStyle-Width="20px">
                              </telerik:GridBoundColumn>
                              <telerik:GridBoundColumn UniqueName="SchID2" HeaderText="" DataField="SchID2" Display="false"
                                  HeaderStyle-Width="20px">
                              </telerik:GridBoundColumn>
                              <telerik:GridBoundColumn UniqueName="SchSubj1" HeaderText="" DataField="SchSubj1"
                                  Visible="false" HeaderStyle-Width="20px">
                              </telerik:GridBoundColumn>
                              <telerik:GridBoundColumn UniqueName="SchSubj2" HeaderText="" DataField="SchSubj2"
                                  Visible="false" HeaderStyle-Width="20px">
                              </telerik:GridBoundColumn>
                              <telerik:GridBoundColumn UniqueName="TxnRemarks" HeaderText="Remarks" DataField="TxnRemarks"
                                  HeaderStyle-Width="200px">
                                  <ItemStyle BackColor="#F2F2F2"></ItemStyle>
                              </telerik:GridBoundColumn>
                              <telerik:GridBoundColumn UniqueName="ClockIn" ReadOnly="true" HeaderText="Clk1" ItemStyle-BackColor="#F6EFD7"
                                  DataField="ClockIn1" HeaderStyle-Width="20px" DataFormatString="{0:HH:mm}">
                                  <ItemStyle BackColor="#F6EFD7"></ItemStyle>
                              </telerik:GridBoundColumn>
                              <telerik:GridBoundColumn UniqueName="ClockOut" ReadOnly="true" HeaderText="Clk2"
                                  DataField="ClockOut1" ItemStyle-BackColor="#F6EFD7" HeaderStyle-Width="20px"
                                  DataFormatString="{0:HH:mm}">
                                  <ItemStyle BackColor="#F6EFD7"></ItemStyle>
                              </telerik:GridBoundColumn>
                              <telerik:GridBoundColumn UniqueName="ClockIn2" ReadOnly="true" HeaderText="Clk3"
                                  DataField="ClockIn2" ItemStyle-BackColor="#F6EFD7" HeaderStyle-Width="20px" DataFormatString="{0:HH:mm}">
                                  <ItemStyle BackColor="#F6EFD7"></ItemStyle>
                              </telerik:GridBoundColumn>
                              <telerik:GridBoundColumn UniqueName="ClockOut2" ReadOnly="true" HeaderText="Clk4"
                                  DataField="ClockOut2" ItemStyle-BackColor="#F6EFD7" HeaderStyle-Width="20px"
                                  DataFormatString="{0:HH:mm}">
                                  <ItemStyle BackColor="#F6EFD7"></ItemStyle>
                              </telerik:GridBoundColumn>
                              <telerik:GridBoundColumn UniqueName="ClockIn3" ReadOnly="true" HeaderText="Clk5"
                                  DataField="ClockIn3" ItemStyle-BackColor="#F6EFD7" HeaderStyle-Width="20px" DataFormatString="{0:HH:mm}">
                                  <ItemStyle BackColor="#F6EFD7"></ItemStyle>
                              </telerik:GridBoundColumn>
                              <telerik:GridBoundColumn UniqueName="ClockOut3" ReadOnly="true" HeaderText="Clk6"
                                  DataField="ClockOut3" ItemStyle-BackColor="#F6EFD7" HeaderStyle-Width="20px"
                                  DataFormatString="{0:HH:mm}">
                                  <ItemStyle BackColor="#F6EFD7"></ItemStyle>
                              </telerik:GridBoundColumn>
                              <telerik:GridBoundColumn UniqueName="ClockIn4" ReadOnly="true" HeaderText="Clk7"
                                  DataField="ClockIn4" ItemStyle-BackColor="#F6EFD7" HeaderStyle-Width="20px" DataFormatString="{0:HH:mm}">
                                  <ItemStyle BackColor="#F6EFD7"></ItemStyle>
                              </telerik:GridBoundColumn>
                              <telerik:GridBoundColumn UniqueName="ClockOut4" ReadOnly="true" HeaderText="Clk8"
                                  DataField="ClockOut4" ItemStyle-BackColor="#F6EFD7" HeaderStyle-Width="20px"
                                  DataFormatString="{0:HH:mm}">
                                  <ItemStyle BackColor="#F6EFD7"></ItemStyle>
                              </telerik:GridBoundColumn>
                              <telerik:GridBoundColumn UniqueName="ClockIn5" ReadOnly="true" HeaderText="Clk9"
                                  DataField="ClockIn5" ItemStyle-BackColor="#F6EFD7" HeaderStyle-Width="20px" DataFormatString="{0:HH:mm}">
                                  <ItemStyle BackColor="#F6EFD7"></ItemStyle>
                              </telerik:GridBoundColumn>
                              <telerik:GridBoundColumn UniqueName="ClockOut5" ReadOnly="true" HeaderText="Clk10"
                                  DataField="ClockOut5" ItemStyle-BackColor="#F6EFD7" HeaderStyle-Width="20px"
                                  DataFormatString="{0:HH:mm}">
                                  <ItemStyle BackColor="#F6EFD7"></ItemStyle>
                              </telerik:GridBoundColumn>
                              <telerik:GridBoundColumn UniqueName="ClockIn6" ReadOnly="true" HeaderText="Clk11"
                                  DataField="ClockIn6" ItemStyle-BackColor="#F6EFD7" HeaderStyle-Width="20px" DataFormatString="{0:HH:mm}">
                                  <ItemStyle BackColor="#F6EFD7"></ItemStyle>
                              </telerik:GridBoundColumn>
                              <telerik:GridBoundColumn UniqueName="ClockOut6" ReadOnly="true" HeaderText="Clk12"
                                  DataField="ClockOut6" ItemStyle-BackColor="#F6EFD7" HeaderStyle-Width="20px"
                                  DataFormatString="{0:HH:mm}">
                                  <ItemStyle BackColor="#F6EFD7"></ItemStyle>
                              </telerik:GridBoundColumn>
                          </Columns>
                      </MasterTableView>
                      <ClientSettings>
                          <ClientEvents OnGridCreating="GridCreated4" OnGridCreated="gvViewTransCreated"></ClientEvents>
                          <Scrolling AllowScroll="true" SaveScrollPosition="true" FrozenColumnsCount="2" UseStaticHeaders="true" />
                      </ClientSettings>
                  </telerik:RadGrid>
                  <telerik:GridDropDownListColumnEditor ID="ddlEditor" DropDownStyle-CssClass="ddl"
                      runat="server" />
                  <telerik:GridDropDownListColumnEditor ID="ddlReason" DropDownStyle-CssClass="ddlReasonCss"
                      runat="server" />
              </td>
          </tr>
      </table>
  </div>
Grid
Angel Petrov
Telerik team
 answered on 26 Sep 2014
8 answers
1.1K+ views
Add RadTooltip to entire row of radgrid, NOT just cell
We have a scenario where there is a column that contains html-formatted text, which could run into several paragraphs. We'd like to have this show up in a tooltip when the mouse is hovered anywhere over the grid row, not just on a single cell.

Is that possible? Any code examples?

Thanks in advance.
Grid
Kishor
Top achievements
Rank 2
 answered on 26 Sep 2014
Narrow your results
Done
Selected tags
Tags
Grid
General Discussions
Editor
Scheduler
ComboBox
Ajax
Window
TreeView
Menu
Calendar
Chart (Obsolete)
TabStrip
Input
Dock
ToolTip
Upload (Obsolete)
AsyncUpload
WebParts for SharePoint
PanelBar
FileExplorer
Splitter
ListBox
Chart (HTML5)
Rotator
ListView
Button
ToolBar
TreeList
Sharepoint Integration
FormDecorator
Filter
Slider
ScriptManager and StyleSheetManager
UI for ASP.NET AJAX in ASP.NET MVC
AutoCompleteBox
PivotGrid
Installer and VS Extensions
Spell
Documentation and Tutorials
ImageEditor
Captcha
RibbonBar
DropDownList
OrgChart
Visual Style Builder
DropDownTree
Gantt
ColorPicker
Notification
BinaryImage
SkinManager
TileList
Wizard
SearchBox
Spreadsheet
Map
ImageGallery
Rating
MediaPlayer
DatePicker
XmlHttpPanel
Diagram
Compression
DataPager
SiteMap
CloudUpload
LightBox
Gauge
PageLayout
AjaxLoadingPanel
Navigation
SocialShare
DataForm
Persistence Framework
ClientExportManager
ProgressArea
TagCloud
CheckBox
AjaxPanel
Barcode
ClientDataSource
NumericTextBox
PdfViewer
DateTimePicker
MultiColumnComboBox
MultiSelect
RadioButtonList
MaskedTextBox
Theme Builder
Styling
ProgressBar
DateInput
Chat
Licensing
ODataDataSource
MonthYearPicker
TimePicker
LinkButton
ToggleButton
Accessibility
Label
Localization
DateRangePicker
Security
TreeMap
ImageButton
InputManager
Timeline
Card
Drawer
PushButton
Ticker
Signature
Avatar
Switch
OTPInput
Breadcrumb
SplitButton
DragDropManager
Stepper
FloatingActionButton
Chip
ChipList
AIPrompt
Badge
SpeechToText
+? more
Top users last month
林
Top achievements
Rank 1
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ivory
Top achievements
Rank 1
Iron
Nurik
Top achievements
Rank 2
Iron
Iron
YF
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Learn how
1667 1668
1669
1670 1671
Top users last month
林
Top achievements
Rank 1
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ivory
Top achievements
Rank 1
Iron
Nurik
Top achievements
Rank 2
Iron
Iron
YF
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Learn how
Want to show your ninja superpower to fellow developers?
Learn how