ストック gridster.js ウィジェットのように、閉じて最小化するアイコン (ボタン) を追加しようとしています。

彼らのサイトに例があります: http://gridster.net/demos/custom-drag-handle ですが、ヘッダーの背景色を作成する簡単な方法であり、ボタン (ハンドル) を取り付ける方法を示していません。閉じて最小化します..何か提案はありますか?

プロジェクトでいくつかのドラッグ アンド ドロップ機能を実行するためにGridster.jsを使用しようとしています。

順序付けられていないリストを使用する代わりに、ウィジェットにフォームとボタンを含む一連の div を使用しています。

私の問題は、最初の列をドラッグできず、ウィジェットをどこにもドロップできないことです。彼らは元の場所に戻るだけです

これが私のレイアウトです：

そして、これが私のjsです。これはドキュメントの準備ができています

grister.js と css ファイルの両方があります。改善のための提案はありますか？

http://gridster.net/では、すべてのタイルを元の位置に移動するにはどうすればよいですか (ユーザーの変更を元に戻す) ?

画像とテキストを含む要素があり、

フィドル。注: グリッドが十分に大きくなるようにプレビューのサイズを変更します。

ここに私のCSSがあります:

要素が展開されているときにテキストを表示し、要素が折りたたまれているときに非表示にしたい、CSSで実現できると思いますが、何が間違っているのかまだ明確ではありません.

そしてここでそれは折りたたまれています

可能であればCSSで作成できる場合に備えて、いくつかのCSSコードをアドバイスしてください。

2 つのグリッドスター ( http://gridster.net/ ) をネストし、内側のグリッドスター内の要素をドラッグしようとすると、プレースホルダーのサイズが外部グリッドスターのサイズに比例します。これを修正するにはどうすればよいですか?

http://jsfiddle.net/YS4Ce/

HTML:

Javascript:

まず、この質問は以前に（ある意味で）ありましたが、例はありません：いくつかのオーバーフローが隠されている要素を完全に隠す

問題

私はいくつかのコンテンツを表示するために Gridster フレームワークhttp://gridster.net/を使用しています。これは、overflow:hidden を使用して各コンテンツ領域に固定の高さを使用します。

各コンテンツ領域に配置するコンテンツは、長さが 10 文字または 100 文字 (レスポンシブ フレームワークの場合) のブートストラップになる可能性があるため、場合によっては途切れることがあります。

補助画像

現在の様子

どのように見せたいか

サンプルコード

HTML

CSS

フィドルの例

http://jsfiddle.net/3sTNL/