Title: 投稿フォームを表示するリンクやボタンを設置したい

サイドバーに表示される「新しい記事」や「新しいタスク」等のボタンと同じような、投稿フォームを表示するためのリンクやボタンを、以下の手順で本文に設置できます。



リンクを設置する



ここでは、下図の「ここをクリックして」の部分をリンクにする例で説明します。

例

リンクの HTML コード



リンクを設置するには、記事の本文に次の HTML コードを挿入します。

<a class="button" rg="a#form&amp;form=taskdialog&amp;onsave=rv" href="javascript:">ここをクリックして</a>


メモ



「埋め込み」ウィジェットの利用



HTML コードの挿入には「コードやコンテンツの埋め込み」ウィジェットを使用すると便利です。

本文中の「ここをクリックして」を挿入したい部分にカーソルを移動させ、[ウィジェットの挿入/編集] の [すべて表示] をクリックします。この時、本文中の「ここをクリックして」という文字は削除（記入しない）してください。

表示されたウィジェットの一覧の中から [コードやコンテンツの埋め込み] をクリックします。

埋め込みウィジェットを使用する

表示されたテキストボックスに上記の HTML コードを入力して [OK] をクリックします。

リンクを表示するHTMLコード

ウィジェットが挿入されたことを確認し、記事を送信（投稿）します。

ウィジェットが挿入された

投稿後の記事にリンクが設置されていることを確認します。

設置されたリンク

リンクをクリックしてタスクの作成フォームが表示されることを確認します。

ボタンとして表示する



HTML コードの <a> タグに class="button" 属性を追加すると、リンクがボタンとして装飾されて表示されます。

記事を編集し、ウィジェットをクリックして選択し、[ウィジェットの挿入/編集] をクリックします。

ウィジェットの編集

ウィジェットの編集ダイアログに表示された <a> タグに class="button" を挿入し、[OK] をクリックします。

class=

記事を送信（投稿）し、リンクがボタンとして表示されることを確認します。

ボタンとして表示される

フィールドの既定値を設定する



フィールドの既定値を設定するには、つまり、フォームがロード（表示）されたときにフィールド（フォーム上の「欄」）のテキストを入力済みにしたりドロップダウンリストを選択済みにしたりするには、その既定値を <a> タグの href 属性でパラメーターとして指定します。

パラメーター名は default_FieldName となり、default_ に続いてフォーム上のフィールド名を指定します。フォーム上のフィールド名は画面には表示されないため、config/data/forms フォルダにあるフォーム用 .sdl ファイルを参照する必要があります。

例: 既定のプロジェクトを指定する



プロジェクトのドロップダウンリストのフィールド名は「goal」です。この既定値を設定するには default_goal パラメーターでプロジェクト記事の FQID を指定します。

参照: FAQ2375: 記事のFQIDを調べるには

例えば、プロジェクト「TeamPage サポート」の FQID が 30064771200 の場合は default_goal=30064771200 を <a> タグの href 属性の値に挿入します。

プロジェクトのFQID

リンク（ボタン）をクリックして既定でプロジェクトが選択されることを確認します。

動作確認

例: 既定のタグを指定する



タグのフィールド名は tags なので、パラメーター名は default_tags になります。

例えば、フォームが表示されたときに「質問」タグを既定で選択するには、href 属性の値に default_tags=:質問 を挿入します。（タグ名は半角コロン記号で指定します。）

default_tags パラメーター

リンク（ボタン）をクリックして表示されるフォームの「タグ」フィールドで、「質問」タグが既定で選択されることを確認します。

既定のタグ

例: 既定の本文を指定する



本文欄（フォームの「説明」欄）のフィールド名は content なので、パラメーター default_content を使用します。

例えば、フォームが表示された時に既定で「具体的な現象、再現手順、バージョン番号などを、ここに詳しく記入してください。」という文章を入力済みにするには、href 属性の値に default_content=具体的な現象、再現手順、バージョン番号などを、ここに詳しく記入してください。 を追加します。



リンク（ボタン）をクリックしてフォームを表示し、指定した文章が本文欄に自動的に挿入されることを確認します。





Attachments:
example1.png
example2.png
example4.png
link.png
button.png
html1.png
edit_widget.png
html2.png
default_goal1.png
default_goal2.png
default_tags1.png
default_tags2.png
default_content1.png
default_content2.png
関連記事
参照されている (2)
Download2280: コメント追加先の設定欄付きコメント投稿/編集フォーム プラグインDownload2276: タスク追加先の設定欄付きのタスク投稿/編集フォーム プラグイン
参照している (1)
FAQ2375: 記事のFQIDを調べるには
Article: FAQ2373 (permalink)
Categories: :FAQ:カスタマイズ, :FAQ:スキン:Proteus
Date: 2014/09/01; 17時28分29秒 JST

Author Name: TeamPage サポート
Author ID: jpbo