android - IBM Worklight - 在集成服务器生成的页面应用程序中将选项卡栏放在标题下方

标签 android android-webview tabbar ibm-mobilefirst

 <body id="content">
  <div data-role="header">
     <h3>header text</h3>
   </div>

   <div data-role="content" id="pagePort">
       //here I am loading my integrating server generated pages sample application
   </div>

    <div data-role="footer">
       <h3>simple footer</h3
    </div>
 </body>

这是我的主要 html 页面。在服务器页面 html 页面中我有

 <div id="AppBody"> 
   <div id="tabButtonsContainer">
  </div>  

这个带有 id = "tabbuttonsContainer"的 div 我在我的 js 文件中使用它作为 parentdiv,如下所示

WL.TabBar.setParentDivId("tabButtonsContainer"); 但标签栏仍然只出现在顶部

最佳答案

- 查看 .tabBar CSS 类。 它有 position:fixed, top:0 和 left:0,这就是为什么标签栏仍然呈现在顶部,即使它的父项在其他地方 - fixed 是相对于浏览器的......

-关于此有一个 Unresolved 错误。

-您可以尝试使用 tabbar(或其父级)的 position 属性来更改此设置-只需确保它不会影响 tabBar 上方/下方的元素即可。

- 此外 - 根据他们的设计原则,Android 标签栏应该位于顶部/底部。那么也许有更好的构建 block 来满足您的需求?

干杯

关于android - IBM Worklight - 在集成服务器生成的页面应用程序中将选项卡栏放在标题下方,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17424890/

相关文章:

iphone - 如何更改iphone sdk中标签栏的样式

java - egl_emulation eglsurfaceattrib 未使用流媒体播放器实现

android - GCM 和 Parse 通知冲突

android - 在 Android 设备本地托管 HTML 页面

java - 将 Playbuzz 嵌入脚本加载到 Android 中的 WebView 中

iphone - 一个 View 上的简单 TabBar 用于 2 个其他 View ?

android - 根据另一个微调器的选定项目更新微调器项目

java - Android 线程阻塞 UI 除非使用同步

android - Web历史记录项目 : URL vs Original URL

java - 在 Android 所有 Activity 上设置标签栏底部