Feb 15, 2017, 7:43 AM
[CLOSED] Image will be cut off under chrome browser
Dev. Env:
1. Chrome: v56.0.2924.87
2. Ext.NET 4.1.0
Our menu page will be rendered incorrect(be cut off)
Which should be rendered like this.
cshtml codes here (main menu):
layout cshtml
Ted / Datacom
1. Chrome: v56.0.2924.87
2. Ext.NET 4.1.0
Our menu page will be rendered incorrect(be cut off)
Which should be rendered like this.
cshtml codes here (main menu):
@using Ext.Net;
@using Ext.Net.MVC;
@using ResMgmt.Helpers;
@{
Layout = "~/Views/Shared/_Layout_simple.cshtml";
ViewBag.Title = "Main Menu";
var X = Html.X();
var p = new UserPermissions(User.Identity.Name);
}
@section ContentSection {
@* 以下是 è*¦ç›£ç³»çµ± 相關 menu *@
@if (p.IsResourceGranted("MenuAssetMgmt")) {
@(
X.Panel()
.Frame(false)
.Layout(LayoutType.VBox)
.Border(false)
.BodyStyle("background: transparent;")
.Items(
X.Image()
.Height(100)
.Src(Url.Content("~/Images/UI_Design_v1/Icon/è*¦ç›£ç³»çµ±/è*¦ç›£ç³»çµ±.png"))
)
)
@(
X.Panel()
.Frame(false)
.Border(false)
.BodyStyle("background: transparent;")
.BodyCls("MenuItemContainer")
.ItemsFromPartial("Partial/MenuItemAssetMgmt", p)
)
}
@* 以下是民用è¨*å‚™ç®¡ç† ç›¸é—œ menu *@
@if (p.IsResourceGranted("MenuEquipBringInMgmt")) {
@(
X.Panel()
.Frame(false)
.Layout(LayoutType.VBox)
.Border(false)
.BodyStyle("background: transparent;")
.Items(
X.Image()
.Height(100)
.Src(Url.Content("~/Images/UI_Design_v1/Icon/民用è¨*備管ç†/民用è¨*備管ç†.png"))
)
)
@(
X.Panel()
.Frame(false)
.Border(false)
.BodyStyle("background: transparent;")
.BodyCls("MenuItemContainer")
.ItemsFromPartial("Partial/MenuItemCommEquip", p)
)
}
@* 以下是 基本資料è¨*定 相關 menu *@
@if (p.IsResourceGranted("MenuSettings")) {
@(
X.Panel()
.Frame(false)
.Layout(LayoutType.VBox)
.Border(false)
.BodyStyle("background: transparent;")
.Items(
X.Image()
.Height(100)
.Src(Url.Content("~/Images/UI_Design_v1/Icon/基本資料è¨*定/基本資料è¨*定.png"))
)
)
@(
X.Panel()
.Frame(false)
.Border(false)
.BodyStyle("background: transparent;")
.BodyCls("MenuItemContainer")
.ItemsFromPartial("Partial/MenuItemSettings", p)
)
}
}
sub menu items code here@using Ext.Net;
@using Ext.Net.MVC;
@using ResMgmt.Helpers;
@{
var X = Html.X();
var p = Model;
}
@if (p.IsResourceGranted("MIPartnerTrainingMgmt")) {
@(
X.ImageButton()
.ImageUrl(Url.Content("~/Images/UI_Design_v1/Icon/è*¦ç›£ç³»çµ±/人員å—訓資料ç¶*è*·.png"))
.OverImageUrl(Url.Content("~/Images/UI_Design_v1/Icon/è*¦ç›£ç³»çµ±/人員å—訓資料ç¶*è*·on.png"))
.Width(150)
.ToolTip("人員å—訓資料ç¶*è*·")
.Href(Url.AbsoluteAction("MIPartnerTrainingMgmt", "Settings"))
)
}
@if (p.IsResourceGranted("MIVRPlaceSettings")) {
@(
X.ImageButton()
.ImageUrl(Url.Content("~/Images/UI_Design_v1/Icon/è*¦ç›£ç³»çµ±/å*˜ç½®åœ°é»žè¨*定.png"))
.OverImageUrl(Url.Content("~/Images/UI_Design_v1/Icon/è*¦ç›£ç³»çµ±/å*˜ç½®åœ°é»žè¨*定on.png"))
.Width(150)
.ToolTip("營å€å*˜ç½®åœ°é»žè¨*定")
.Href(Url.AbsoluteAction("MIVRPlaceSettings", "AssetMgmt"))
)
}
@if (p.IsResourceGranted("MIVREquipInstallationMgmt")) {
@(
X.ImageButton()
.ImageUrl(Url.Content("~/Images/UI_Design_v1/Icon/è*¦ç›£ç³»çµ±/安è£ä½ç½®ç®¡ç†ä½œæ¥*.png"))
.OverImageUrl(Url.Content("~/Images/UI_Design_v1/Icon/è*¦ç›£ç³»çµ±/安è£ä½ç½®ç®¡ç†ä½œæ¥*on.png"))
.Width(150)
.ToolTip("è¨*備安è£ä½ç½®ç®¡ç†ä½œæ¥*")
.Href(Url.AbsoluteAction("MIVREquipInstallationMgmt", "AssetMgmt"))
)
}
@if (p.IsResourceGranted("MIVRBudget")) {
@(
X.ImageButton()
.ImageUrl(Url.Content("~/Images/UI_Design_v1/Icon/è*¦ç›£ç³»çµ±/年度é*算作æ¥*.png"))
.OverImageUrl(Url.Content("~/Images/UI_Design_v1/Icon/è*¦ç›£ç³»çµ±/年度é*算作æ¥*on.png"))
.Width(150)
.ToolTip("è*¦ç›£å¹´åº¦é*算作æ¥*")
.Href(Url.AbsoluteAction("MIVRBudget", "AssetMgmt"))
)
}
@if (p.IsResourceGranted("MIVRMaintainDayCheckPrint")) {
@(
X.ImageButton()
.ImageUrl(Url.Content("~/Images/UI_Design_v1/Icon/è*¦ç›£ç³»çµ±/æ¯æ—¥æ¸…點檢查作æ¥*.png"))
.OverImageUrl(Url.Content("~/Images/UI_Design_v1/Icon/è*¦ç›£ç³»çµ±/æ¯æ—¥æ¸…點檢查作æ¥*on.png"))
.Width(150)
.ToolTip("æ¯æ—¥æ¸…點檢查作æ¥*")
.Href(Url.AbsoluteAction("MIVRMaintainDayCheckPrint", "AssetMgmt") + "?orgId=0")
)
}
@*@if (p.IsResourceGranted("MIVRMaintainDayInventoryPrint")) {
@(
X.ImageButton()
.ImageUrl(Url.Content("~/Images/UI_Design_v1/Icon/è*¦ç›£ç³»çµ±/æ¯æ—¥ç¶*管清點作æ¥*.png"))
.OverImageUrl(Url.Content("~/Images/UI_Design_v1/Icon/è*¦ç›£ç³»çµ±/æ¯æ—¥ç¶*管清點作æ¥*on.png"))
.Width(150)
.ToolTip("æ¯æ—¥ç¶*管清點作æ¥*")
.Href(Url.AbsoluteAction("MIVRMaintainDayInventoryPrint", "AssetMgmt"))
)
}*@
@*
@if (p.IsResourceGranted("MIPrint_Report4")) {
@(
X.ImageButton()
.ImageUrl(Url.Content("~/Images/UI_Design_v1/Icon/è*¦ç›£ç³»çµ±/æ¯å*£è‡ªæ¸…æˆæžœçµ±è¨ˆè¡¨.png"))
.OverImageUrl(Url.Content("~/Images/UI_Design_v1/Icon/è*¦ç›£ç³»çµ±/æ¯å*£è‡ªæ¸…æˆæžœçµ±è¨ˆè¡¨on.png"))
.Width(150)
.ToolTip("æ¯å*£è‡ªæ¸…æˆæžœçµ±è¨ˆè¡¨")
.Href(Url.AbsoluteAction("MIPrint_Report4", "AssetMgmt"))
)
}
*@
@if (p.IsResourceGranted("MIVREquipQuery")) {
@(
X.ImageButton()
.ImageUrl(Url.Content("~/Images/UI_Design_v1/Icon/è*¦ç›£ç³»çµ±/查詢作æ¥*.png"))
.OverImageUrl(Url.Content("~/Images/UI_Design_v1/Icon/è*¦ç›£ç³»çµ±/查詢作æ¥*on.png"))
.Width(150)
.ToolTip("è*¦ç›£è¨*備查詢作æ¥*")
.Href(Url.AbsoluteAction("MIVREquipQuery", "AssetMgmt"))
)
}
@if (p.IsResourceGranted("MIVREquipTransferPickup")) {
@(
X.ImageButton()
.ImageUrl(Url.Content("~/Images/UI_Design_v1/Icon/è*¦ç›£ç³»çµ±/接收作æ¥*.png"))
.OverImageUrl(Url.Content("~/Images/UI_Design_v1/Icon/è*¦ç›£ç³»çµ±/接收作æ¥*on.png"))
.Width(150)
.ToolTip("è*¦ç›£è¨*備接收作æ¥*")
.Href(Url.AbsoluteAction("MIVREquipTransferPickup", "AssetMgmt"))
)
}
@if (p.IsResourceGranted("MIVREquipSetSetting")) {
@(
X.ImageButton()
.ImageUrl(Url.Content("~/Images/UI_Design_v1/Icon/è*¦ç›£ç³»çµ±/組別è¨*定.png"))
.OverImageUrl(Url.Content("~/Images/UI_Design_v1/Icon/è*¦ç›£ç³»çµ±/組別è¨*定on.png"))
.Width(150)
.ToolTip("è*¦ç›£è¨*備組別è¨*定")
.Href(Url.AbsoluteAction("MIVREquipSetSetting", "AssetMgmt"))
)
}
@if (p.IsResourceGranted("MIVREquipAdd")) {
@(
X.ImageButton()
.ImageUrl(Url.Content("~/Images/UI_Design_v1/Icon/è*¦ç›£ç³»çµ±/新增作æ¥*.png"))
.OverImageUrl(Url.Content("~/Images/UI_Design_v1/Icon/è*¦ç›£ç³»çµ±/新增作æ¥*on.png"))
.Width(150)
.ToolTip("è*¦ç›£è¨*備新增作æ¥*")
.Href(Url.AbsoluteAction("MIVREquipAdd", "AssetMgmt"))
)
}
@if (p.IsResourceGranted("MIVREquipMaintain")) {
@(
X.ImageButton()
.ImageUrl(Url.Content("~/Images/UI_Design_v1/Icon/è*¦ç›£ç³»çµ±/新增ç¶*ä¿®.png"))
.OverImageUrl(Url.Content("~/Images/UI_Design_v1/Icon/è*¦ç›£ç³»çµ±/新增ç¶*ä¿®on.png"))
.Width(150)
.ToolTip("è*¦ç›£è¨*備新增ç¶*ä¿®")
.Href(Url.AbsoluteAction("MIVREquipMaintain", "AssetMgmt"))
)
}
@if (p.IsResourceGranted("MIPrint_Report14")) {
@(
X.ImageButton()
.ImageUrl(Url.Content("~/Images/UI_Design_v1/Icon/è*¦ç›£ç³»çµ±/資產管制表.png"))
.OverImageUrl(Url.Content("~/Images/UI_Design_v1/Icon/è*¦ç›£ç³»çµ±/資產管制表on.png"))
.Width(150)
.ToolTip("è*¦ç›£è¨*備資產管制表")
.Href(Url.AbsoluteAction("MIPrint_Report14", "AssetMgmt"))
)
}
@*@if (p.IsResourceGranted("MIVREquipControlLabelPrint")) {
@(
X.ImageButton()
.ImageUrl(Url.Content("~/Images/UI_Design_v1/Icon/è*¦ç›£ç³»çµ±/管制標籤列å°.png"))
.OverImageUrl(Url.Content("~/Images/UI_Design_v1/Icon/è*¦ç›£ç³»çµ±/管制標籤列å°on.png"))
.Width(150)
.ToolTip("è*¦ç›£è¨*備管制標籤列å°")
.Href(Url.AbsoluteAction("MIVREquipControlLabelPrint", "AssetMgmt"))
)
}*@
@if (p.IsResourceGranted("MIVREquipMaintainRecordPrint")) {
@(
X.ImageButton()
.ImageUrl(Url.Content("~/Images/UI_Design_v1/Icon/è*¦ç›£ç³»çµ±/ç¶*修紀錄表.png"))
.OverImageUrl(Url.Content("~/Images/UI_Design_v1/Icon/è*¦ç›£ç³»çµ±/ç¶*修紀錄表on.png"))
.Width(150)
.ToolTip("è*¦ç›£ç³»çµ±ç¶*修紀錄表")
.Href(Url.AbsoluteAction("MIVREquipMaintainRecordPrint", "AssetMgmt"))
)
}
@if (p.IsResourceGranted("MIVREquipMaintainRecord")) {
@(
X.ImageButton()
.ImageUrl(Url.Content("~/Images/UI_Design_v1/Icon/è*¦ç›£ç³»çµ±/ç¶*修管制.png"))
.OverImageUrl(Url.Content("~/Images/UI_Design_v1/Icon/è*¦ç›£ç³»çµ±/ç¶*修管制on.png"))
.Width(150)
.ToolTip("è*¦ç›£è¨*å‚™ç¶*修管制")
.Href(Url.AbsoluteAction("MIVREquipMaintainRecord", "AssetMgmt"))
)
}
@if (p.IsResourceGranted("PanelPrint_Report15")) {
@(
X.ImageButton()
.ImageUrl(Url.Content("~/Images/UI_Design_v1/Icon/è*¦ç›£ç³»çµ±/陸è»è*¦ç›£è¨*å‚™é*算統計å*±è¡¨.png"))
.OverImageUrl(Url.Content("~/Images/UI_Design_v1/Icon/è*¦ç›£ç³»çµ±/陸è»è*¦ç›£è¨*å‚™é*算統計å*±è¡¨on.png"))
.Width(150)
.ToolTip("陸è»è*¦ç›£è¨*å‚™é*算統計å*±è¡¨")
.Href(Url.AbsoluteAction("PanelPrint_Report15", "AssetMgmt"))
)
}
@if (p.IsResourceGranted("MIPrint_Report18")) {
@(
X.ImageButton()
.ImageUrl(Url.Content("~/Images/UI_Design_v1/Icon/è*¦ç›£ç³»çµ±/陸è»è*¦ç›£è¨*å‚™ç¶*修數é‡çµ±è¨ˆ.png"))
.OverImageUrl(Url.Content("~/Images/UI_Design_v1/Icon/è*¦ç›£ç³»çµ±/陸è»è*¦ç›£è¨*å‚™ç¶*修數é‡çµ±è¨ˆon.png"))
.Width(150)
.ToolTip("陸è»è*¦ç›£è¨*å‚™ç¶*修數é‡çµ±è¨ˆ")
.Href(Url.AbsoluteAction("MIPrint_Report18", "AssetMgmt"))
)
}
@if (p.IsResourceGranted("MIPrint_Report17")) {
@(
X.ImageButton()
.ImageUrl(Url.Content("~/Images/UI_Design_v1/Icon/è*¦ç›£ç³»çµ±/陸è»è*¦ç›£è¨*備故障數é‡çµ±è¨ˆ.png"))
.OverImageUrl(Url.Content("~/Images/UI_Design_v1/Icon/è*¦ç›£ç³»çµ±/陸è»è*¦ç›£è¨*備故障數é‡çµ±è¨ˆon.png"))
.Width(150)
.ToolTip("陸è»è*¦ç›£è¨*備故障數é‡çµ±è¨ˆ")
.Href(Url.AbsoluteAction("MIPrint_Report17", "AssetMgmt"))
)
}
@if (p.IsResourceGranted("MIPrint_Report16")) {
@(
X.ImageButton()
.ImageUrl(Url.Content("~/Images/UI_Design_v1/Icon/è*¦ç›£ç³»çµ±/陸è»è*¦ç›£è¨*備備用料件統計.png"))
.OverImageUrl(Url.Content("~/Images/UI_Design_v1/Icon/è*¦ç›£ç³»çµ±/陸è»è*¦ç›£è¨*備備用料件統計on.png"))
.Width(150)
.ToolTip("陸è»è*¦ç›£è¨*備備用料件統計")
.Href(Url.AbsoluteAction("MIPrint_Report16", "AssetMgmt"))
)
}
layout cshtml
@using Ext.Net;
@using Ext.Net.MVC;
@{
var X = Html.X();
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>@ViewBag.Title</title>
<script src="@Url.Content("~/Scripts/Shared/Layout.js")" type="text/javascript"></script>
<link href="@Url.Content("~/Content/_Layout_simple.css")" rel="stylesheet" type="text/css" />
<script type="text/javascript">
// initialize the chrome console logger
if (!window.console) console = {};
console.log = console.log || function () { };
console.warn = console.warn || function () { };
console.error = console.error || function () { };
console.info = console.info || function () { };
function initConfig() {
};
</script>
@RenderSection("headtag", required: false)
</head>
<body onload="initConfig();" background='@Url.Content("~/Images/UI_Design_v1/Background/BG_listpage/BG_listpage_01.jpg")'>
@X.ResourceManager()
@(
X.Viewport()
.ItemsFromSection(this, "ContentSection")
.AutoScroll(true)
)
@RenderBody()
@RenderSection("scripts", required: false)
</body>
</html>
controller action codespublic ActionResult MainMenu_v2() {
// set default ViewBag
return View("MainMenu_v2");
}
PS. Ext.NET 4.2.0 also has this problem.Ted / Datacom
Last edited by fabricio.murta; Mar 01, 2017 at 1:02 PM.