RadGrid in ToolTip Mastertableview Width

[RBarnes]

I have the below markup, and in IE11, I get a horizontal scroll, which is equivalent to the width of my MasterTableView Border if the Grid is in a Tooltip.  This does not happen in Chrome.

Version: 2014.3.1024.40

The only way I can get rid of the Horizontal scroll, is to specifically set the width of the MasterTableView to be the width of
my grid minus my border width times 2 , then the width is correct and I get NO scroll.  

The rendered html shows 100% if I omit the width on the MasterTableView, but yet I get a border if the grid's in a Tooltip and I don't specify the width as defined above.


 

<telerik:RadToolTip ID="rttPerformanceData" runat="server" HideEvent="ManualClose"
       Modal="False" Title="Select To View Performance Data Being Returned" Position="BottomCenter"
       RelativeTo="BrowserWindow" ShowEvent="FromCode" EnableViewState="True" ShowCallout="false"
       ShowDelay="0" AutoCloseDelay="0" Visible="false">
       <telerik:RadGrid ID="rgAirSoundModels" runat="server" AutoGenerateColumns="False"
           BorderWidth="0" GridLines="Both" Visible="true" AllowSorting="true" Width="500px"
           CommandItemStyle-HorizontalAlign="Right" EnableLinqExpressions="false" MasterTableView-TableLayout="Fixed">
           <MasterTableView DataKeyNames="pm_ProductModelID" TableLayout="Fixed" BorderWidth="1" BorderStyle="Solid" BorderColor="Gray">

[Galin]

Hi Roger,

I tried to replicate the described issue but to no avail. Fore reference I am sending my testing page, please check it out and let me know if I have missed something important.

However you can get rid of the grid's border with the following CSS rule

div.RadGrid {
    border: none;
}

Regards,
Galin
Telerik

 

 

[RBarnes]

Here is my example, that shows the issue I'm seeing.  I don't want to get rid of the Borders on the MasterTableView.
​

This appears to only happen in IE11, not in Chrome.

Remove .png from the Zip.

[Galin]

Hi Roger,

Thank you for providing the runnable project.

In order to resolve this conflict I suggest you to use the following CSS rule

.RadGrid .rgMasterTable {
    box-sizing: border-box;
}

I hope this helps.

Regards,
Galin
Telerik

 

 

[Kavita]

Hello.We are facing exactly same issue , So how did you fix this. Can you post the resolution also.


Thanks ,
Kavita

[Galin]

Hi Kavita,

The suggested solution is the following CSS rule:

.RadGrid .rgMasterTable {
    box-sizing: border-box;
}

However in case your scenario is not the same and this this does not help you I suggest you to start a formal support ticket and attach a sample project which we can use to reproduce the issue.

Thank you for the cooperation.

Regards,
Galin
Telerik