ランチャーとテンプレート

1. テンプレートを選択


(図1)は、「ランチャーの登録」ページの(図3)の再掲です。


(図1) 
端末画面のアイテム一覧




(図1)で、「テンプレート」ボタンを押すと、(図2)が現れます。
 


(図2) 
テンプレートのリスト



 

この中のどれかを選択し、「編集」ボタンを押すと、(図3)が現れます。



(図3) 
テンプレートのサンプル




 





(図3)には、
<MCExeIcon0>、<MCDisp0>、
<MCLink0>などの文字列があります。
 


Nは、0から始まる整数


これらは、アイコン画像などを代替するタグです。タグについては、
ランチャーのタグを参照ください。


もし、このテンプレートが適当であれば、(図1)のテンプレート欄をプルダウンして、当該の
テンプレート名を選びます。

 

そして、(図1)で、「OK」ボタンを押せば、ランチャーに関する構成プロファイルは
MobiControlサーバに保存されます。
 

この後は、

4. 構成プロファイルの適用対象となる端末グループまたは端末の割り当て
を参照して適用する端末グループまたは端末を指定します。


2. 画面でアイテムを横に並べる




通常の<ul> <li>の構文では、アイテムは縦に並びます。
 

例えば、
下記のような構文は、右のように表示されます。 


<ul style="list-style-type: none;"> 

<li>最初 

<li>2番目 

<li>3番目 

</ul>



最初
2番目
3番目




 



ところが、<li>に、下記のようなスタイルシート(赤文字)をつけると、アイテムは横に並びます。

 

<ul style="list-style-type: none;"> 

<li style="float:left;">最初 

<li style="float:left;">2番目 

<li style="float:left;">3番目 

</ul>



最初
2番目
3番目



 


端末画面のアイコンなどの表示順序は、各段に横に並べます。そのためには、<li>に、
style="float:left;"のスタイルシートを付けることで実現します。
 
実際のテンプレートでは、スタイルシートは一括定義します。
 
下記のサンプルが、<li> のスタイルシートの一括定義の例です。



(サンプル) 



<style type="text/css"> 

ul {list-style-type: none; 

   } 

li {float: left; 

   } 

</style>
 

<ul> 

<li>
<a href="<MCLink0>"> 

<img src="<MCExeIcon0>"><br> 

<MCDisp0></a> 




</li> 

<li>
<a href="<MCLink1>"> 

<img src="<MCExeIcon1>"><br> 

<MCDisp1></a>
 

</li></ul>
 

左で 

<MCDisp0> は MobiControlを 

<MCDisp1> は MyWebを 

を代替しているとします。
 

また、画像は
<MCExeIcon0>が
を代替しているとします。
<MCExeIcon1>が
を代替してい
るとします。

 



左サンプルのHTML構文だと、端末画面には次のようにアイコンが横に並びます。
 
MobiControl
 
MyWeb




 

スタイルシートの実装には、CSSファイル(拡張子が .css)を別途作る方法があります。しかし、
ランチャーのテンプレートは、上のサンプルのように、HTML文書の中に、記述します。

3. テンプレートの編集

(図6) 

4. 「付属情報」や「監視データ」の情報を挿入

5. テンプレートを使わずにランチャーのHTML文書を登録

(図8) 
(図2)の再掲

(図9)