kintone用 JavaScript 第1弾「タブメニュー」

2016/11/12

「kintoneタブメニュー」はMIT Licenseで配布しておりますが無料の利用者登録をお願いします。

 

利用登録フォーム

代表:熊谷美威

kintoneのタブ表示プラグインはたくさん出ておりますが、スマイルアップでは、プラグインの提供は行いません。

その代わり、MIT Licenseで利用できるJavaScriptファイルの提供をさせて頂きます。

◆機能

フォーム編集画面だけで、簡単にタブの追加と削除が可能となります。

タブは、ラベルの配置で決まるようになっていて、簡単なルールに基づきラベルを設置するだけで、タブが増えます。

編集画面←→閲覧画面の切り替わりにも対応しており、スクロールした場所を覚えておくようにしました。

タブメニューが増えた場合、横に並び、広がります。
そこはCSSファイルを直接編集して調整してください。

私は、タブメニューの横幅を狭くして、文字数を3文字程度に減らして横に沢山並べるようにしています。

ちなみに私はプログラムは全く出来ませんが、十分編集可能です。

 

◆利用イメージ

利用登録フォーム

%e3%82%bf%e3%83%96%e6%a9%9f%e8%83%bdgif

 

◆tab.zipファイルダウンロード

こちらのリンク先をクリックして、登録をお願いいたします。
→ 利用登録フォーム
利用登録後、登録したメールアドレスへダウンロードのアドレスをお送りいたします。

MIT Licenseでの利用が可能で御座いますので、お気軽にご登録ください。
弊社の宣伝も多少お届けしますが、お許しください。

 

◆JavaScript / css の組込

それぞれ、組込みたい「アプリの設定」画面の「JavaScript / cssでカスタマイズ」にて、下図のように組込んでください。

tab

 

◆利用方法

利用登録フォーム

タブメニューJavaScriptを組込んだら、設定画面の、フォーム編集にてフィールドの配置だけで利用できます。

 

1,「スペース」フィールドを上部に配置し、要素IDを「tab-mask」にします。

tab2

 

2,次にもう一つ、「スペース」フィールドを「tab-mask」の下部に配置し、要素IDを「tab-menu」にします。

tab3 

3,利用するフォームを下記の吹き出しのルールに沿って、それぞれ配置します。

%e5%85%a8%e9%83%a8%e3%83%95%e3%83%aa%e3%83%bc%ef%bc%81%ef%bc%81%e3%82%bf%e3%83%96%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e7%84%a1%e6%96%99%e5%85%ac%e9%96%8b

編集が終わったら、「フォームを保存」 → 「アプリを更新」で、有効にして動作確認を行ってください。

なお、組込方法や、動作に関するお問い合わせには一切お答えできませんので ご了承ください。

利用登録フォーム

 

 

その他のMIT Licenseで公開しているJavaScript

 ○Dropbox連携JS

Dropboxのフォルダ内容が、kintoneへ表示されるJSです。

https://niconico-news.com/archives/2981

利用登録フォーム