Hello again @mtsig!
I see there's not much that can be reused from our old version, I'm sorry to let you go over the problem before noticing that.
Here, this should give you a good idea on how to use it to make a tab panel reconfigure according to the window width/height:
@page "{handler?}"
@model Ext.NET_Classic_Web_Application2.Pages.IndexModel
@{
ViewData["Title"] = "Home page";
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<title>
Responsive layout - Ext.NET Examples
</title>
</head>
<body>
<ext-viewport layout="Fit">
<items>
<ext-tabPanel title="My Tab Panel">
<tabBar>
<ext-bar width="110" />
</tabBar>
<plugins>
<ext-responsivePlugin />
</plugins>
<customConfig>
<ext-add key="tabRotation" value="0" mode="Raw" />
<ext-add key="responsiveConfig">
<ext-add key="wide">
<ext-add key="tabPosition" value="left" />
</ext-add>
<ext-add key="tall">
<ext-add key="tabPosition" value="top" />
</ext-add>
</ext-add>
</customConfig>
<items>
<ext-panel title="Tab 1" html="tab 1 contents" />
<ext-panel title="Tab 2" html="tab 2 contents" />
<ext-panel title="Tab 3" html="tab 3 contents" />
<ext-panel title="Tab 4" html="tab 4 contents" />
</items>
</ext-tabPanel>
</items>
</ext-viewport>
</body>
</html>
Notwithstanding we've logged issue
#1869 to track this defect and will post a follow-up here as soon as we have a more polished syntax support in Ext.NET 7 for the ResponsiveConfig block!
Hope this helps!
Posting Permissions
| Frameworks and Tools for .NET Developers