Skip to main content link. Accesskey S
  • Log In
  • Help
  • IBM Logo
  • IBM Notes and Domino Application Development wiki
  • All Wikis
  • All Forums
  • Home
  • Product Documentation
  • Community Articles
  • Learning Center
  • IBM Redbooks
  • API Documentation
Search
Community Articles > 日本語 - Japanese > XPages Extension Library Mobile Controls - 「Tab Bar」
  • New Article
  • Share Show Menu▼
  • Subscribe Show Menu▼

About the Original Author

Click to view profileMitsuru Katoh
Contribution Summary:
  • Articles authored: 17
  • Articles edited: 14
  • Comments Posted: 1

Recent articles by this author

ビデオで見る XPages Social Enabler

ノーツコンソーシアム 2012 年度ノーツソーシャルアプリ開発技術研究会 外部 SNS 連携調査結果報告の一部です。 OAuth Token Store とサンプルデータベースの設定および使用方法。 Dropbox と Twitter 連携についての詳細

ビデオで見る XPages Extension Library のインストール方法

ノーツコンソーシアム 2012 年度ノーツソーシャルアプリ開発技術研究会 外部 SNS 連携調査結果報告の一部です。

XPages Extension Library Mobile Controls - 「Tab Bar Button」

この記事では、XPages Extension Library Mobile Controls から Tab Bar Button コントロールを解説します。

XPages Extension Library Mobile Controls - 「Tab Bar」

この記事では、XPages Extension Library Mobile Controls から Tab Bar コントロールを解説します。

XPages Extension Library Mobile Controls - 「Mobile Switch」

この記事では、XPages Extension Library Mobile Controls から Mobile Switch コントロールを解説します。
Community articleXPages Extension Library Mobile Controls - 「Tab Bar」
Added by Mitsuru Katoh on October 9, 2012 | Version 1
  • Edit
  • More Actions Show Menu▼
Rate this article 1 starsRate this article 2 starsRate this article 3 starsRate this article 4 starsRate this article 5 stars
expanded Abstract
collapsed Abstract
この記事では、XPages Extension Library Mobile Controls から Tab Bar コントロールを解説します。
Tags: Extension Library, Extension Library controls, XPages Extension Library Japan Project
ShowTable of Contents
HideTable of Contents
  • 1 Tab Bar コントロールの概説
  • 2 生成されるタグ
  • 3 Page Heading のプロパティ

Tab Bar コントロールの概説

おもに Tab Bar Button コントロールのコンテナとして使用します。デフォルトでは、モバイルページのバナー(ノーツアプリケーションのアクションバー)のように表示されますので、そこにボタンを配置していきます。

生成されるタグ

このコントロールのタグは xe:tabBar です。

	<xe:tabBar id="tabBar1" inHeading="true"

	                barType="segmentedControl">

	                <xe:tabBarButton id="tabBarButton1"></xe:tabBarButton>

	                <xe:tabBarButton id="tabBarButton2"></xe:tabBarButton>

	                <xe:tabBarButton id="tabBarButton3"></xe:tabBarButton>

	            </xe:tabBar>

	

Page Heading のプロパティ

カテゴリ プロパティ 説明
基本 barType "segmentedControl"が指定された際に、Tab Bar Button がひとつの大きなボタンの中に、垂直線で区切られたボタンの集まりのように表示します。
  inHeading true または false。このオプションを true に指定するとモバイルページの下部ではなく、ヘッダーの直下(ヘッダーの一部として)にこの Tab bar を表示することになります。

 


  • Edit
  • More Actions Show Menu▼


expanded Attachments (0)
collapsed Attachments (0)
Edit the article to add or modify attachments.
expanded Versions (1)
collapsed Versions (1)
Version Comparison     
VersionDateChanged by              Summary of changes
This version (1)Oct 9, 2012, 1:47:12 AMMitsuru Katoh  
expanded Comments (0)
collapsed Comments (0)
Copy and paste this wiki markup to link to this article from another article in this wiki.
Go ElsewhereStay ConnectedHelpAbout
  • IBM Collaboration Solutions wikis
  • IBM developerWorks
  • IBM Software support
  • Twitter LinkIBMSocialBizUX on Twitter
  • FacebookIBMSocialBizUX on Facebook
  • ForumsLotus product forums
  • BlogsIBM Social Business UX blog
  • Community LinkThe Social Lounge
  • Wiki Help
  • Forgot user name/password
  • Wiki design feedback
  • Content feedback
  • About the wiki
  • About IBM
  • Privacy
  • Accessibility
  • IBM Terms of use
  • Wiki terms of use