Heredé una aplicación web más antigua, que está escrita principalmente dentro de la página ASPX, y estoy trabajando para migrarla a MVC, pero es un proceso un poco lento, ya que solo somos dos o tres y el proyecto acaba de comenzar. . Junto con este esfuerzo, también estamos usando controles DevExpress. Entonces, cuando cargamos una página, primero pasa por ASPX (porque todavía estamos usando Site.Master para el contenido del menú), que luego llama a MVC Render Action, para cargar la vista dentro de la página ASPX.
<asp:Content ID="blah" ContentPlaceHolderID="anotherBlah" runat="server"> <style> .container { position: relative; width: 100%; overflow: auto; max-width: 2150px; } </style> <div class="container"> <%Path.To.MVC.RenderAction("Controller","Action" new {}); %> </div> </asp:Content>¿Cómo limitaría mediante programación el ancho máximo al tamaño disponible de la pantalla, de modo que el contenido del Controlador no requiera la barra de desplazamiento del navegador?
El DevExpress dxDataGrid tiene su propia barra de desplazamiento incorporada, que el usuario podría utilizar en su lugar. El problema es que los botones ColumnPicker, Add New Button, Search o Export van a lo largo del viaje, hasta el ancho máximo de la tabla. Es por eso que quiero contenerlo en el ancho disponible de la pantalla y dejar que dxDataGrid se encargue del resto.
Un amigo mío me indicó los porcentajes de ventana gráfica. ¡Esto parece haber sido lo que estaba buscando todo el día! Entonces, si alguien más se topa con esta pregunta, siga el enlace para leer más:
CSS obtiene la altura de la resolución de pantalla
Mi solución:
<asp:Content ID="blah" ContentPlaceHolderID="anotherBlah" runat="server"> <style> .container { position: relative; width: 93vw; } </style> <div class="container"> <%Path.To.MVC.RenderAction("Controller","Action" new {}); %> </div> </asp:Content>