Telerik Forums
UI for ASP.NET AJAX Forum
5 answers
121 views
I have some code that custom formats a row depending on a column value in a radgrid.  I notice that this formatting rule is working on the first page of the grid however it doesn't work on the other pages.  Note I'm using virtualization in the grid turned on and from what I read this will only work on the first page.  Has anyone else ran into this issue and know of a way to custom format all pages with virtualization turned on?

Thanks
Travis
Top achievements
Rank 1
 answered on 23 Oct 2014
20 answers
587 views
Hi Guys,
I have problems when I filter with enum datatype.
my code sample is:
1) enum Days {Sat, Sun, Mon, Tue, Wed, Thu, Fri};
public class Person
{
  public Person()
  {}
  public Days DayAbsent
  {
get;
set;
  }
Public FirstName
.............
}

2) In RadGrid I have a column:
<telerik:GridBoundColumn SortExpression="DayAbsent" HeaderText="Day Absent" HeaderButtonType="TextButton"
                        DataField="DayAbsent" AllowFiltering="true">
                    </telerik:GridBoundColumn>
3) when I run filter of this column, I see error message:
[Telerik.Web.UI.ParseException] = {"Neither of the types 'String' and 'Days' converts to the other"}

Could you tell me how to fix this issue.
Thanks,
Peter.
Vasil
Telerik team
 answered on 23 Oct 2014
5 answers
68 views
I am having trouble getting scrollbars to show up in IE 9,11 for RadWindows.  If I put the window in compatability mode ie 8, the scrollbars show in teh radwindows just fine, but as soon as I turn off compatability mode the scrollbars disappear and I have to tab to ge to the bottom of the screen and then shift tab to get back up the screen.  Where are the scroll bars?????

<telerik:RadWindow ID="radLease" runat="server" InitialBehaviors="Reload" ShowContentDuringLoad="false" CenterIfModal="true" Modal="true" VisibleStatusbar="false" Behaviors="close" OnClientClose="RefreshParentPage" />
 
function LoadWindow(LeaseId) {
               var radLease = $find("<%= radLease.ClientID%>");
               //get the value of the hidden field first to see if exists if not get the ddl value
               var armory2 = document.getElementById("<%=HFArmoryID.ClientID%>").value;
               var armorypass;
 
               if (armory2 == '') {
                   var ddl = document.getElementById("<%=ddlArmory.ClientID%>");
                   armorypass = ddl.options[ddl.selectedIndex].value;
               }
               else {
                   armorypass = armory2
               }
               
               radLease.setUrl("../TaccAdmin/Lease.aspx?Armory=" + armorypass + "&Lease=" + LeaseId);
               radLease.show();
               radLease.maximize();
           }
 
 
<form id="form1" runat="server">
       <telerik:RadScriptManager ID="rdScriptManager" runat="server"></telerik:RadScriptManager>
       <table class="usageCenterMargin">
           <tr>
               <td class="usageHeader">Organization Info</td>
           </tr>
       </table>
       <table class="usagebody">
           <tr>
               <td style="height:15px"></td>
           </tr>
           <tr>
               <td style="width:25%;text-align:right">Organization Type:</td>
               <td>
                   <asp:DropDownList ID="ddlOrgType" runat="server"></asp:DropDownList>
                   <asp:RequiredFieldValidator ID="valOrgType" runat="server" ControlToValidate="ddlOrgType" ErrorMessage="**" ForeColor="Firebrick" InitialValue="0" SetFocusOnError="true" />
               </td>
           </tr>
           <tr>
               <td style="width:25%;text-align:right">Event Type:</td>
               <td>
                   <asp:TextBox ID="txtEventType" runat="server" Width="220px" MaxLength="20"></asp:TextBox>
                   <asp:RequiredFieldValidator ID="valEventType" runat="server" ControlToValidate="txtEventType" ErrorMessage="**" ForeColor="Firebrick" SetFocusOnError="true" />
               </td>
           </tr>
           <tr>
               <td style="width:25%;text-align:right">Organization Name:</td>
               <td>
                   <asp:TextBox ID="txtOrgName" runat="server" Width="220px" MaxLength="30"></asp:TextBox>
                   <asp:RequiredFieldValidator ID="valOrgName" runat="server" ControlToValidate="txtOrgName" ErrorMessage="**" ForeColor="Firebrick" SetFocusOnError="true" />
               </td>
           </tr>
           <tr>
               <td style="width:25%;text-align:right">Organization Phone:</td>
               <td>
                   <asp:TextBox ID="txtOrgPhone" runat="server" Width="220px" MaxLength="12"></asp:TextBox>
                   <asp:RequiredFieldValidator ID="valOrgPhone" runat="server" ControlToValidate="txtOrgPhone" ErrorMessage="**" ForeColor="Firebrick" SetFocusOnError="true" />
               </td>
           </tr>
           <tr>
               <td style="width:25%;text-align:right">Organization Address:</td>
               <td>
                   <asp:TextBox ID="txtAddress" runat="server" Width="220px" MaxLength="25"></asp:TextBox>
                   <asp:RequiredFieldValidator ID="valAddress" runat="server" ControlToValidate="txtAddress" ErrorMessage="**" ForeColor="Firebrick" SetFocusOnError="true" />
               </td>
           </tr>
           <tr>
               <td style="width:25%;text-align:right">Organization City:</td>
               <td><asp:TextBox ID="txtCity" runat="server" Width="120px" MaxLength="25"></asp:TextBox>
                    <asp:RequiredFieldValidator ID="valCity" runat="server" ControlToValidate="txtCity" ErrorMessage="**" ForeColor="Firebrick" SetFocusOnError="true" />
                     State:
                   <asp:TextBox ID="txtState" runat="server" Width="40px" MaxLength="2"></asp:TextBox>
                    <asp:RequiredFieldValidator ID="valState" runat="server" ControlToValidate="txtState" ErrorMessage="**" ForeColor="Firebrick" SetFocusOnError="true" />
                     Zip:
                   <telerik:RadNumericTextBox ID="txtZip" runat="server" Width="80px" MaxLength="5" NumberFormat-AllowRounding="false" NumberFormat-GroupSizes="5" NumberFormat-DecimalDigits="0" />
                    <asp:RequiredFieldValidator ID="valZip" runat="server" ControlToValidate="txtZip" ErrorMessage="**" ForeColor="Firebrick" SetFocusOnError="true" />
               </td>
           </tr>
           <tr>
               <td style="width:25%;text-align:right">Alcohol Served:</td>
               <td>
                   <asp:RadioButtonList ID="rblAlcohol" runat="server" RepeatDirection="Horizontal" RepeatLayout="Flow">
                       <asp:ListItem Value="1" Text="YES   "></asp:ListItem>
                       <asp:ListItem Value="0" Text="NO"></asp:ListItem>
                   </asp:RadioButtonList>
                   <asp:RequiredFieldValidator ID="valAlcohol" runat="server" ControlToValidate="rblAlcohol" ErrorMessage="**" InitialValue="" ForeColor="Firebrick" SetFocusOnError="true" />
               </td>
           </tr>
           <tr>
               <td style="width:25%;text-align:right">Gratis Lease:</td>
               <td>
                   <asp:RadioButtonList ID="rblGratis" runat="server" RepeatDirection="Horizontal" RepeatLayout="Flow">
                       <asp:ListItem Value="1" Text="YES   "></asp:ListItem>
                       <asp:ListItem Value="0" Text="NO"></asp:ListItem>
                   </asp:RadioButtonList>
                   <asp:RequiredFieldValidator ID="valGratis" runat="server" ControlToValidate="rblGratis" InitialValue="" ErrorMessage="**" ForeColor="Firebrick" SetFocusOnError="true" />
               </td>
           </tr>
           <tr>
               <td style="width:25%;text-align:right;vertical-align:top">Gratis Reason:</td>
               <td><asp:TextBox ID="txtGratis" runat="server" Width="400px"  Height="40px" TextMode="MultiLine"></asp:TextBox></td>
           </tr>
           <tr>
               <td style="width:25%;text-align:right">Facility Fee:</td>
               <td>
                   <telerik:RadNumericTextBox ID="txtLeaseAmount" runat="server" Width="80px" MaxLength="8" NumberFormat-DecimalDigits="2"></telerik:RadNumericTextBox>
                   <asp:RequiredFieldValidator ID="valLeaseAmt" runat="server" ControlToValidate="txtLeaseAmount" ErrorMessage="**" ForeColor="Firebrick" SetFocusOnError="true" />
                     Custodial Fees:
                  <telerik:RadNumericTextBox ID="txtWorkerAmount" runat="server" Width="80px" MaxLength="8" NumberFormat-DecimalDigits="2"></telerik:RadNumericTextBox>
                   <asp:RequiredFieldValidator ID="valWorkerAmt" runat="server" ControlToValidate="txtWorkerAmount" ErrorMessage="**" ForeColor="Firebrick" SetFocusOnError="true" />
               </td>
           </tr>
           <tr>
               <td style="height:15px"></td>
           </tr>
       </table>
       <table class="usageCenter">
           <tr>
               <td class="usageHeader">Lease Specifics</td>
           </tr>
       </table>
       <table class="usagebody">
           <tr>
               <td style="height:15px"></td>
           </tr>
           <tr>
               <td style="width:25%;text-align:right">Est. Attendance:</td>
               <td>
                   <telerik:RadNumericTextBox ID="txtAttendance" runat="server" Width="80px" MaxLength="4" NumberFormat-AllowRounding="false" NumberFormat-DecimalDigits="4"></telerik:RadNumericTextBox>
                    <asp:RequiredFieldValidator ID="valAttendance" runat="server" ControlToValidate="txtAttendance" ErrorMessage="**" ForeColor="Firebrick" SetFocusOnError="true" />
               </td>
           </tr>
           <tr>
               <td style="width:25%;text-align:right">Vacate Within:</td>
               <td>
                   <telerik:RadNumericTextBox ID="txtVacate" runat="server" Width="80px" MaxLength="1" NumberFormat-AllowRounding="false" NumberFormat-DecimalDigits="1"></telerik:RadNumericTextBox>
                    <asp:RequiredFieldValidator ID="valvacate" runat="server" ControlToValidate="txtVacate" ErrorMessage="**" ForeColor="Firebrick" SetFocusOnError="true" />
               </td>
           </tr>
           <tr>
               <td style="width:25%;text-align:right">Occurances:</td>
               <td>
                   <asp:DropDownList ID="ddlOccurances" runat="server"></asp:DropDownList>
                    <asp:RequiredFieldValidator ID="valOccur" runat="server" ControlToValidate="ddlOccurances" InitialValue="0" ErrorMessage="**" ForeColor="Firebrick" SetFocusOnError="true" />
               </td>
           </tr>
           <tr>
               <td style="width:25%;text-align:right">Lease Begin:</td>
               <td>
                   <telerik:RadDatePicker ID="dtbegin" runat="server" Width="100px"></telerik:RadDatePicker>
                    <asp:RequiredFieldValidator ID="valdtBegin" runat="server" ControlToValidate="dtbegin" ErrorMessage="**" ForeColor="Firebrick" SetFocusOnError="true" />
                      Lease End:
                    <telerik:RadDatePicker ID="dtEnd" runat="server" Width="100px"></telerik:RadDatePicker>
                    <asp:RequiredFieldValidator ID="valdtEnd" runat="server" ControlToValidate="dtEnd" ErrorMessage="**" ForeColor="Firebrick" SetFocusOnError="true" />
               </td>
           </tr>
           <tr>
               <td style="width:25%;text-align:right">Time Begin:</td>
               <td>
                   <telerik:RadTimePicker ID="dtTimeBegin" runat="server" Width="100px" ></telerik:RadTimePicker>
                    <asp:RequiredFieldValidator ID="valTimeBegin" runat="server" ControlToValidate="dtTimeBegin" ErrorMessage="**" ForeColor="Firebrick" SetFocusOnError="true" />
                      Time End:
                   <telerik:RadTimePicker ID="dtTimeEnd" runat="server" Width="100px" ></telerik:RadTimePicker>
                    <asp:RequiredFieldValidator ID="valTimeEnd" runat="server" ControlToValidate="dtTimeEnd" ErrorMessage="**" ForeColor="Firebrick" SetFocusOnError="true" />
               </td>
           </tr>
           <tr>
               <td style="height:15px"></td>
           </tr>
       </table>
       <table class="usageCenter">
           <tr>
               <td class="usageHeader">Armory Specifics</td>
           </tr>
       </table>
       <table class="usagebody">
           <tr>
               <td style="height:15px"></td>
           </tr>
           <tr>
               <td style="width:25%;text-align:right">Armory Portions:</td>
               <td>
                   <telerik:RadComboBox ID="ddlPortion" runat="server" CheckBoxes="true" EnableCheckAllItemsCheckBox="true" EmptyMessage="Pick Armory Portions"></telerik:RadComboBox>
                    <asp:RequiredFieldValidator ID="valPortion" runat="server" ControlToValidate="ddlPortion" ErrorMessage="**" ForeColor="Firebrick" SetFocusOnError="true" />
               </td>
           </tr>
           <tr>
               <td style="width:25%;text-align:right">Armory Provided:</td>
               <td>
                   <telerik:RadComboBox ID="ddlProvided" runat="server" CheckBoxes="true" EnableCheckAllItemsCheckBox="true" EmptyMessage="Pick Armory Provisions"></telerik:RadComboBox>
                    <asp:RequiredFieldValidator ID="valProvided" runat="server" ControlToValidate="ddlProvided" ErrorMessage="**" ForeColor="Firebrick" SetFocusOnError="true" />
               </td>
           </tr>
           <tr>
               <td style="width:25%;text-align:right;vertical-align:top">Changes to Leased Portion:</td>
               <td><asp:TextBox ID="txtLeasedPortion" runat="server" Width="400px"  Height="40px" TextMode="MultiLine"></asp:TextBox></td>
           </tr>
           <tr>
               <td style="width:25%;text-align:right;vertical-align:top">Remarks:</td>
               <td><asp:TextBox ID="txtRemarks" runat="server" Width="400px"  Height="40px" TextMode="MultiLine"></asp:TextBox></td>
           </tr>
           <tr>
               <td style="width:25%;text-align:right"></td>
               <td>
                   <asp:LinkButton ID="lnkDraft" runat="server" Text="Draft" ToolTip="Use this to save Lease Until Leasee comes to sign agreement"></asp:LinkButton>
                        
                   <asp:LinkButton ID="lnkSubmit" runat="server" Text="Submit" ToolTip="Lease will not be able to be changed after submitted"></asp:LinkButton>
                        
                   <asp:LinkButton ID="lnkCancel" runat="server" Text="Cancel" ToolTip="Close page and save nothing"></asp:LinkButton>
               </td>
           </tr>
           <tr>
               <td style="height:15px"></td>
           </tr>
       </table>
       <asp:HiddenField ID="HFArmory" runat="server" /><asp:HiddenField ID="HFLeaseId" runat="server" />
   </form>
Marin Bratanov
Telerik team
 answered on 23 Oct 2014
5 answers
125 views
I have an issue related to how the filter boxes display.  Image attached of example.  Anyone have any thoughts on why this would happen. 
Venelin
Telerik team
 answered on 23 Oct 2014
1 answer
135 views
Hi, 

I have a telerik project with Entity Framework.

I want to show de value of the related tables in a GridBoundColumn, but ever come empty.

I Attach a picture showing the related tables, and the code in the aspx.

Please , someone can help me? Thanks

Code in ASPX

 

        <telerik:RadGrid ID="RadGrid1" runat="server" CssClass="RadGrid" GridLines="None"

        AllowPaging="True" PageSize="50" AllowSorting="True" AutoGenerateColumns="False"

        ShowStatusBar="true" AllowFilteringByColumn="True"

        DataSourceID="EntityDataSourceUsuarios" OnDeleteCommand="RadGrid1_RowDeleting" OnItemDeleted="RadGrid1_ItemDeleted"

        OnUpdateCommand="RadGrid1_UpdateCommand"  OnItemCommand="RadGrid1_ItemCommand" OnPreRender="RadGrid1_PreRender" AllowAutomaticUpdates="true"  >

       

        <MasterTableView DataSourceID="EntityDataSourceUsuarios" AutoGenerateColumns="False"

            DataKeyNames="ID" CommandItemDisplay="Top" PageSize="50">

 

Columns…..

<telerik:GridBoundColumn DataField="M_EMPRESAS.Descripcion" HeaderText="Empresa" SortExpression="M_EMPRESAS.Descripcion" UniqueName="M_EMPRESAS.Descripcion" >

                </telerik:GridBoundColumn>

                <telerik:GridBoundColumn DataField="M_TARIFAS.ID" HeaderText="Tarifa" SortExpression="M_TARIFAS.ID" UniqueName="M_TARIFAS.ID">

                </telerik:GridBoundColumn>

                <telerik:GridBoundColumn DataField="M_TIPO_ACCESO_TARJETA.ID" DataType="System.Int32" HeaderText="Acceso" SortExpression="M_TIPO_ACCESO_TARJETA.ID" UniqueName="M_TIPO_ACCESO_TARJETA.ID" >

                </telerik:GridBoundColumn>

Entitys…..

 

 
<asp:EntityDataSource ID="EntityDataSourceUsuarios" runat="server"

            DefaultContainerName="HARVESTEntities" EntitySetName="M_USUARIO" OrderBy="it.[CodEmpleado]"

            EntityTypeFilter="M_USUARIO" EnableUpdate="True" EnableDelete="True" EnableInsert="True" ConnectionString="name=HARVESTEntities">

        </asp:EntityDataSource>

        <asp:EntityDataSource ID="EntityDataSourceAccesoTarjeta" runat="server"

            DefaultContainerName="HARVESTEntities" EntitySetName="M_TIPO_ACCESO_TARJETA" OrderBy="it.[ID]"

            ConnectionString="name=HARVESTEntities">

        </asp:EntityDataSource>

        <asp:EntityDataSource ID="EntityDataSourceEmpresa" runat="server"

            DefaultContainerName="HARVESTEntities" EntitySetName="M_EMPRESAS" OrderBy="it.[ID]"

            ConnectionString="name=HARVESTEntities">

        </asp:EntityDataSource>

        <asp:EntityDataSource ID="EntityDataSourceTarifa" runat="server"

            DefaultContainerName="HARVESTEntities" EntitySetName="M_TARIFAS" OrderBy="it.[ID]"

            ConnectionString="name=HARVESTEntities">

        </asp:EntityDataSource>
Radoslav
Telerik team
 answered on 23 Oct 2014
1 answer
137 views
Hi,

I have added an attribute to a rad button on a rad toolbar.     
     rtbButton.Attributes.Add("ObjectId", dr("ObjectId").ToString)

I am trying to get the value of this client side on the OnClientButtonClicked event of the toolbar using the following code
var objectId = args.get_item().get_attributes().getAttribute('ObjectId');
alert(objectId);
but the objectId keeps returning undefined.

How can I get a reference to the attribute of the button client side.

Thank You
Tracy

​
Peter Filipov
Telerik team
 answered on 23 Oct 2014
4 answers
79 views
Hello! I have a question about the breadcrumbs path in FileExplorer. We are using the FileExplorer to browse for objects in our CRM and because objects are identified by a numeric ID and not a Unique Name, we must use the IDs in the paths in FileExplorer. Is there anyway to alter the displayed breadcrumbs path in the FileExplorer window to show the actual object names instead of the Object IDs?

Also, how can I change which icons are displayed for the different object types?

Best regards,
Patrik Edberg
Patrik
Top achievements
Rank 1
 answered on 23 Oct 2014
4 answers
115 views
Disabled items of a ComboBox should be ignored when "Check all" is clicked or not.
How can i achieve that? because the default behaviour does not take it in consideration.
Sonia
Top achievements
Rank 1
 answered on 23 Oct 2014
3 answers
121 views
I have a grid (rgEmployeeData) that has a NestedViewTemplate which contains a RadGrid (rgLogs)
Both grids are populated using a client side calls via AJAX to a webservice.

Question is ... at the point of loading the page for the first time I want to change the text of each column heading in the Nested grid.
The reason is to apply different heading text (that is stored in the database) depending on the users locale.

Could someone direct me as to how this can be achieved either Client side or in the Page_Load / Page_Init ?

<telerik:RadGrid ID="rgEmployeeData" runat="server" AutoGenerateColumns="False" AllowFilteringByColumn="false"
    AllowPaging="true" PageSize="50" ShowHeaderWhenEmpty="true" AllowSorting="true"
    AllowCustomPaging="true">
    <ClientSettings>
        <Scrolling AllowScroll="false" UseStaticHeaders="true" />
        <DataBinding ShowEmptyRowsOnLoad="false" />
        <ClientEvents OnCommand="rgEmployeeData_Command"
                      OnHierarchyExpanding="rgEmployeeData_HierarchyExpanding" />
        <Resizing AllowColumnResize="true" AllowRowResize="false" ResizeGridOnColumnResize="true"
            ClipCellContentOnResize="true" EnableRealTimeResize="false" AllowResizeToFit="true" />
    </ClientSettings>
    <MasterTableView TableLayout="Auto" AutoGenerateColumns="false" CommandItemDisplay="None"
        HierarchyDefaultExpanded="false" HierarchyLoadMode="Client" ClientDataKeyNames="RecordID">
        <PagerStyle AlwaysVisible="true" Mode="NumericPages"  />
        <Columns>
            <telerik:GridBoundColumn HeaderText="RecordID" Visible="false" UniqueName="RecordID"
                DataField="RecordID">
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn
                HeaderText="Address"
                HeaderStyle-Wrap="false"
                UniqueName="Address"
                DataField="Address">
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn
                HeaderText="PostCode"
                HeaderStyle-Wrap="false"
                ItemStyle-Wrap="false"
                UniqueName="PostCode"
                DataField="PostCode"
                ItemStyle-Width="100"
                HeaderStyle-Width="100">
            </telerik:GridBoundColumn>
        </Columns>
        <NestedViewTemplate>
              <telerik:RadButton runat="server" Text="xEnquiry"
                    id="witnCreateSMS" OnClientClicking="addEnq"
                    ButtonType="StandardButton" AutoPostBack="false"
                    ToolTip="XAdd Enquiry">
                    <Icon PrimaryIconUrl="../../Images/GridButtons/plusicon.png" PrimaryIconLeft="4" PrimaryIconTop="4" />
              </telerik:RadButton>
 
              <telerik:RadButton runat="server" Text="xLog"
                    id="RadButton1" OnClientClicking="addLog"
                    ButtonType="StandardButton" AutoPostBack="false"
                    ToolTip="XAdd Log">
                    <Icon PrimaryIconUrl="../../Images/GridButtons/plusicon.png" PrimaryIconLeft="4" PrimaryIconTop="4" />
              </telerik:RadButton>
 
              <telerik:RadGrid ID="rgLogs" AllowFilteringByColumn="false" runat="server" PageSize="1"
                AllowPaging="false" AllowSorting="false" Width="90%" SkinID="RCSNestedGrid"   >
                <ClientSettings>
                    <ClientEvents OnCommand="rgLogs_Command" />
                    <DataBinding ShowEmptyRowsOnLoad="false" />
                    <Resizing AllowColumnResize="true" />
                </ClientSettings>
                <MasterTableView ClientDataKeyNames="LogID" >
                    <Columns>
                        <telerik:GridBoundColumn Visible="false" HeaderStyle-Wrap="false" ItemStyle-Wrap="false"
                            DataField="RecordID" HeaderText="RecordID" DataType="System.Int32" />
                        <telerik:GridBoundColumn
                            HeaderStyle-Wrap="false"
                            ItemStyle-Wrap="false"
                            SortExpression="FollowUpDate"
                            HeaderStyle-Width="90"
                            DataField="FollowUpDate"
                            HeaderText="FollowUpDate"
                            DataType="System.String" />
                        <telerik:GridBoundColumn
                            ItemStyle-Wrap="false"
                            SortExpression="Type"
                            DataField="Type"
                            HeaderText="Type"
                            DataType="System.String"
                            HeaderStyle-Width="10%" />
                    </Columns>
                </MasterTableView>
                <PagerStyle AlwaysVisible="false" />
            </telerik:RadGrid>
        </NestedViewTemplate>
    </MasterTableView>
</telerik:RadGrid>
Pavlina
Telerik team
 answered on 23 Oct 2014
7 answers
150 views
Hello,

I am working on a project with a RadTreeView.

The height is fixed.
The RadTreeView is set as follows:

<style type="text/css">
        .crop {
            width: 150px;
            overflow-x: hidden;
        }
        .No-crop {
            overflow-x: visible !important;
            position: absolute !important;
        }
    </style>
    <script type="text/javascript">
        function TreeClientMouseOver(sender, e) {
  
            e.get_node().set_cssClass("No-crop");
        }
  
        function TreeClientMouseOut(sender, e) {
  
            e.get_node().set_cssClass("crop");
        }
  
  
  
    </script>
 
                       <telerik:RadTreeView ID="RadTreeView1" Runat="server" Height="400px" Skin="Outlook" OnClientMouseOver="TreeClientMouseOver" OnClientMouseOut="TreeClientMouseOut" >
                            <Nodes>
                                <telerik:RadTreeNode runat="server" Text="Root RadTreeNode1">
                                </telerik:RadTreeNode>
                                <telerik:RadTreeNode runat="server" Text="Root RadTreeNode2">
                                </telerik:RadTreeNode>
                                <telerik:RadTreeNode runat="server" Text="Root RadTreeNode3">
                                    <Nodes>
                                        <telerik:RadTreeNode runat="server" Text="Child RadTreeNode 1">
                                        </telerik:RadTreeNode>
                                        <telerik:RadTreeNode runat="server" Text="Child RadTreeNode 2">
                                            <Nodes>
                                                <telerik:RadTreeNode runat="server" Text="Child RadTreeNode 1">
                                                </telerik:RadTreeNode>
                                                <telerik:RadTreeNode runat="server" Text="Child RadTreeNode 2">
                                                </telerik:RadTreeNode>
                                                <telerik:RadTreeNode runat="server" Text="Child RadTreeNode 3">
                                                </telerik:RadTreeNode>
                                                <telerik:RadTreeNode runat="server" Text="Child RadTreeNode 4">
                                                </telerik:RadTreeNode>
                                            </Nodes>
                                        </telerik:RadTreeNode>
                                        <telerik:RadTreeNode runat="server" Text="Child RadTreeNode 3">
                                        </telerik:RadTreeNode>
                                        <telerik:RadTreeNode runat="server" Text="Child RadTreeNode 4">
                                        </telerik:RadTreeNode>
                                        <telerik:RadTreeNode runat="server" Text="Child RadTreeNode 5">
                                            <Nodes>
                                                <telerik:RadTreeNode runat="server" Text="Child RadTreeNode 1">
                                                </telerik:RadTreeNode>
                                                <telerik:RadTreeNode runat="server" Text="Child RadTreeNode 2">
                                                </telerik:RadTreeNode>
                                                <telerik:RadTreeNode runat="server" Text="Child RadTreeNode 3">
                                                </telerik:RadTreeNode>
                                                <telerik:RadTreeNode runat="server" Text="Child RadTreeNode 4">
                                                </telerik:RadTreeNode>
                                            </Nodes>
                                        </telerik:RadTreeNode>
                                        <telerik:RadTreeNode runat="server" Text="Child RadTreeNode 6">
                                        </telerik:RadTreeNode>
                                        <telerik:RadTreeNode runat="server" Text="Child RadTreeNode 7">
                                        </telerik:RadTreeNode>
                                    </Nodes>
                                </telerik:RadTreeNode>
                                <telerik:RadTreeNode runat="server" Text="Root RadTreeNode4">
                                </telerik:RadTreeNode>
                                <telerik:RadTreeNode runat="server" Text="Root RadTreeNode5">
                                </telerik:RadTreeNode>
                                <telerik:RadTreeNode runat="server" Text="Root RadTreeNode6">
                                </telerik:RadTreeNode>
                                <telerik:RadTreeNode runat="server" Text="Root RadTreeNode7">
                                    <Nodes>
                                        <telerik:RadTreeNode runat="server" Text="Child RadTreeNode 1">
                                        </telerik:RadTreeNode>
                                        <telerik:RadTreeNode runat="server" Text="Child RadTreeNode 2">
                                        </telerik:RadTreeNode>
                                        <telerik:RadTreeNode runat="server" Text="Child RadTreeNode 3">
                                        </telerik:RadTreeNode>
                                        <telerik:RadTreeNode runat="server" Text="Child RadTreeNode 4">
                                        </telerik:RadTreeNode>
                                        <telerik:RadTreeNode runat="server" Text="Child RadTreeNode 5">
                                        </telerik:RadTreeNode>
                                        <telerik:RadTreeNode runat="server" Text="Child RadTreeNode 6">
                                        </telerik:RadTreeNode>
                                        <telerik:RadTreeNode runat="server" Text="Child RadTreeNode 7">
                                        </telerik:RadTreeNode>
                                    </Nodes>
                                </telerik:RadTreeNode>
                                <telerik:RadTreeNode runat="server" Text="Root RadTreeNode8">
                                </telerik:RadTreeNode>
                                <telerik:RadTreeNode runat="server" Text="Root RadTreeNode9">
                                </telerik:RadTreeNode>
                                <telerik:RadTreeNode runat="server" Text="Root RadTreeNode10">
                                </telerik:RadTreeNode>
                            </Nodes>
                        </telerik:RadTreeView>

When the mouse hovers over a node, I set a JS function to overflow: visible. Then, when the mouse exits the node the overflow is hidden.

The problem is after the user scrolls down the RadTreeView. Then, when mouse hovers over a
node, it starts to flash and the overflowed node is misplaced.

[See video that shows the Node Flashing problem]

How can I solve this?

Thanks,
Daniel.
Boyan Dimitrov
Telerik team
 answered on 23 Oct 2014
Narrow your results
Selected tags
Tags
+? more
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?