I'm using Infragistics 15.2, html5 and asp .NET.
I have the next issue, I built a page with two parts, a div with a legend and a div with a WebDataGrid. I only want show the horizontal scrollbar (if it is necessary) and when the rows exceed the visible zone browser i want to use the horizontal scrollbar browser. In all the tests the last row in the WebDataGrid isn't show completed and appear the vertical scrollbar.
I had tried to put height to 100%, change the overflow properties and other tests but i don't get it.
This is the design code:
<form id="form1" runat="server">
<div style="height:30px;background-color:#cccccc;padding-top:10px;" class="leyenda">
<address>* <strong>FCL</strong> = Contenedor Completo <strong>LCL</strong> = Grupaje</address>
</div>
<ig:WebDataMenu ID="ContextMenu" runat="server" IsContextMenu="True" BorderStyle="Solid" BorderWidth="1px" BorderColor="#CCCCCC">
<ClientEvents ItemClick="MenuItem_Click" />
<Items>
<ig:DataMenuItem Text="Exportar" Key="Exportar" ImageUrl="~/images/16_excel.gif" ></ig:DataMenuItem>
</Items>
</ig:WebDataMenu>
<div id="DataGridWrapper" style="height:100%;">
<ig:WebExcelExporter runat="server" ID="eExporter" ExportMode="Download" DataExportMode="AllDataInDataSource"/>
<asp:ScriptManager ID="ScriptManager1" runat="server" EnableScriptGlobalization="true"></asp:ScriptManager>
<ig:WebDataGrid ID="WDGridExpediciones" Visible="true" runat="server" Width="100%" Height="100%" style="overflow-x:hidden;overflow-y:hidden" AutoGenerateColumns="False" EnableAjax="False" OnInitializeRow="WDGridExpediciones_InitializeRow" OnLoad="WDGridExpediciones_Load">
<ClientEvents MouseDown="GridMouseDown" Initialize="dtInit"/>
<Behaviors>
<ig:Activation Enabled="true" />
<ig:Selection RowSelectType="Multiple" CellClickAction="Row" Enabled="true" />
<ig:Sorting SortingMode="Multi" Enabled="true"/>
<ig:Filtering Alignment="Top" Visibility="Visible" Enabled="true" FilterType="ExcelStyleFilter">
<ColumnSettings>
<ig:ColumnFilteringSetting ColumnKey="Key_coclie" Enabled="false" />
<ig:ColumnFilteringSetting ColumnKey="Key_operacion" Enabled="false" />
</ColumnSettings>
</ig:Filtering>
</Behaviors>
<EmptyRowsTemplate>
<div style="text-align: center;">
<span>"No hay datos a mostrar"</span>
<br />
</EmptyRowsTemplate>
</ig:WebDataGrid>
</form>
Can someone help me?
Thanks in advance.
José Miguel
Hello Tihomir,
I tested the sample with your indications and works fine. Only I have to remove the Width and Height properties to fit in the browser window.
Thanks
Hello operinter,
Thank you for your sample.
I tested it. When the width is set to 100% it works without horizontal scroll, even if you have 300px window. If you set a fixed width (2205px for example) you would get a horizontal scroll if your screen has a width smaller than 2205px.
As I noted earlier, the vertical scroll appears when you exceed the 100% of the parent's height.
The horizontal and vertical scrolls are independent.
If you do not want to have vertical scroll either remove the height 100% (the height would be set to auto) or set height 100% to each parent up to the body element.
Please let me know if you need anything else.
Hello Tihomir:
I attached the default.aspx for a simple sample with the problem. If you change Width = "100%" for Width="2205px" it works fine.
regards
Hello José Miguel,
Thank you for your update.
The grid behaves as you described it.
Could you send me a working sample solution (you can attach it is a zip) in which the grid does not behave correctly? I tried to reproduce what you have in the screenshot but the scrolls show correctly on my side.
I am looking forward to hearing from you.
Thanks for the answer:
I understand what you say but i think that the vertical and horizontal scrollbar should be independents. When the width of the rows is larger than the browser or the grid it should show the scroll but when the size of the grid height isn't larger than the browser or the grid it shouldn't show it.
thanks