webシステム開発・web制作

TKGシステムエンジニアリング

ドラッグ&ドロップ

青線で囲まれたボックスをドラッグ&ドロップする事で配置変更が可能です。
「保存する」をクリックする事で、配置表上の位置を保存する事が出来ます。
メモ書きも同時に保存されます。
※初期配置上での位置は保存していません。 No順に表示を行っています。

  • 条件によって表示色を変更させる
  • ダブルクリックで情報をページ上(モーダル)で開く

など、様々な動作と組み合わせが可能です。
座席表・時間割・CMSのコンテンツ配置などといったUIの構築に役立ちます。


初期配置

No.2

No.5

No.16

No.17

No.21

No.22

No.23

No.24

No.25

No.26

No.29

No.32

No.34

配置表

1 2 3 4 5
1

No.4

No.1

2

No.3

No.14

No.6

3

No.7

No.10

No.12

4
5

No.13

No.36

No.38

No.37

No.40

6

No.48

No.43

No.41

No.39

7

No.42

No.46

No.44

No.35

No.45

8

No.20

No.47

No.33

No.19

No.27

9

No.49

No.9

No.15

No.30

No.50

10

No.11

No.28

No.31

No.18

No.8

保存します。よろしいですか?

ページトップへ