なでしこ3掲示板

「なでしこ」について質問したり楽しく語り合う掲示板です。

(#4) なでしこ3の部品配置 - TKI (2024-11-08 16:29) /低 質問
なでしこ3で部品関連はかなり変わりました。
私もめちゃくちゃ悩んだ経験があります。

なでしこ3はブラウザ上で動くので、部品はHTMLタグによって作られます。
「xxとはボタン」のような宣言から「ボタン作成」のように命令によって部品を作るように変わりました。
「ボタン作成」命令ではHTML上にbuttonタグを作成し、ブラウザがボタンとして表示してくれます。

作れる部品はマニュアルを参照
https://nadesi.com/v3/doc/index.php?plugin_browser%2FDOM%E9%83%A8%E5%93%81%E6%93%8D%E4%BD%9C&show

部品を作成した時、XY座標の指定はできません。
部品の配置ルールは「文字列と同じ」で、左から右へ並べられます。
文章同様に右端まで行ったら自動で改行されて部品が下の行にズレます。

任意のところで下に行きたいときは「改行作成」命令で改行の部品(brタグ)を挿入できます。
「 」のラベル作成 でスペースのラベルを作ると右にズレます。

HTMLに詳しければもっと自由な配置ができるようになるようですが
私の場合はスペースと改行でそれっぽくしてヨシとしています。
自由配置を可能にするプラグインも貯蔵庫で見たような・・・?

グリッドは表示するだけなら「テーブル作成」(tableタグ)が対応しているでしょうか。
ソートや記入などは自力での実装となるので現状きびしいかも。

マニュアルのテーブルセル変更のページを貼っておきます
https://nadesi.com/v3/doc/index.php?plugin_browser%2F%E3%83%86%E3%83%BC%E3%83%96%E3%83%AB%E3%82%BB%E3%83%AB%E5%A4%89%E6%9B%B4&show
なでしこ3のここがわかりません。 / まつざき (2024-11-08 10:34) (#3)/ 低 質問
  なでしこ3の部品配置 / TKI (2024-11-08 16:29) (#4)/ 低 質問
  DOM部品使いずらいですよねー💧 / 雪乃☆雫 (2024-11-10 16:54) (#5)/ 低 質問
  Grid.jsってのをはっけん / 雪乃☆雫 (2024-11-10 16:58) (#7)/ 低 質問
    編集機能がない~ / 雪乃☆雫 (2024-11-13 15:16) (#8)/ 低 質問
  テーブル拡張プラグイン / 雪乃☆雫 (2025-01-06 15:38) (#9)/ 低 返信

(#4)へ返信する:

👆お手数ですが、いたずら防止のために、「優しい」の読み方をカタカナで記入してください。

編集時に使うキーを入力(省略可能)

画像ファイル(最大300KB)を添付可能