在Oracle Apex中如何隐藏导航栏?

vwoqyblh  于 2022-11-22  发布在  Oracle
关注(0)|答案(1)|浏览(249)

我使用的是最新版本的Oracle APEX 22.1.4。
如何隐藏导航栏?

u7up0aaq

u7up0aaq1#

这 不能 通过 声明 来 实现 , 但是 有 一 个 叫做 " Minimal ( No Navigation ) " 的 页面 模板 可以 实现 这 一 点 。 注意 , 当 您 隐藏 导航 栏 时 , 您 也 会 失去 打开/关闭 左侧 导航 菜单 的 汉堡 菜单 。
要 设置 页面 模板 , 请 检查 页面 属性 :

更新 : 因为 这 似乎 不 适合 你 , 这里 有 另 一 个 解决 办法 。 复制 页面 模板 " 标准 " 到 " 标准 - 没有 导航 栏 ( 自 定义 ) " , 并 选择 该 模板 为 您 的 页面 。
然后 在 新 的 页面 模板 ( 共享 组件 〉 模板 〉 编辑 模板 " 标准 - 无 导航 栏 ( 自 定义 ) " ) 中 , 删除 如下 所 示 的 行 在 " 标题 " 部分 :

<!DOCTYPE html>
<html class="no-js #RTL_CLASS# page-&APP_PAGE_ID. app-&APP_ALIAS." lang="&BROWSER_LANGUAGE." #TEXT_DIRECTION#>
<head>
  <meta http-equiv="x-ua-compatible" content="IE=edge" />
  <meta charset="utf-8">
  <title>#TITLE#</title>
  #APEX_CSS#
  #THEME_CSS#
  #TEMPLATE_CSS#
  #THEME_STYLE_CSS#
  #APPLICATION_CSS#
  #PAGE_CSS#
  #FAVICONS#
  #HEAD#
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body class="t-PageBody t-PageBody--hideLeft t-PageBody--hideActions no-anim t-PageTemplate--standard #PAGE_CSS_CLASSES#" #TEXT_DIRECTION# #ONLOAD# id="t_PageBody">
<a href="#main" id="t_Body_skipToContent">&APP_TEXT$UI_PAGE_SKIP_TO_CONTENT.</a>
#FORM_OPEN#
<header class="t-Header" id="t_Header" role="banner">

-- delete lines below --

  #REGION_POSITION_07#
  <div class="t-Header-branding">
    <div class="t-Header-controls">
      <button class="t-Button t-Button--icon t-Button--header t-Button--headerTree" aria-label="&"APP_TEXT$APEX.TEMPLATE.MAIN_NAV_LABEL"." title="&"APP_TEXT$APEX.TEMPLATE.MAIN_NAV_LABEL"." id="t_Button_navControl" type="button"><span class="t-Header-controlsIcon" aria-hidden="true"></span></button>
    </div>
    <div class="t-Header-logo">
      <a href="#HOME_LINK#" class="t-Header-logo-link">#LOGO#</a>
      #AFTER_LOGO#
    </div>
    <div class="t-Header-navBar">
      <div class="t-Header-navBar--start">#BEFORE_NAVIGATION_BAR#</div>
      <div class="t-Header-navBar--center">#NAVIGATION_BAR#</div>
      <div class="t-Header-navBar--end">#AFTER_NAVIGATION_BAR#</div>
    </div>
  </div>
  <div class="t-Header-nav">#TOP_GLOBAL_NAVIGATION_LIST##REGION_POSITION_06#</div>

-- delete lines above --

</header>

中 的 每 一 个

相关问题