Languages

Menu
Sites
Language
DynamicBox - how to setting of each size

Hello.

I want to set the HTML separately for each size in DynamicBox (1×1, 1×2, 2×2).

If possible, I want to get the type of the size of the current DynamicBox.

(Rather than pixels, something that indicates the type size.)

If you have a good idea, please sharing.

Thanks.

 

こんにちは。

DynamicBoxで各サイズごとにHTMLを設定したいのですが、良い方法はないでしょうか。

ホーム画面でサイズを変えたときに、設定したサイズごとのHTMLが表示されるようにしたいと思っています。

可能であれば、現在のDynamicBoxのサイズの種類を取得できないでしょうか。

（ピクセルでなく、あくまで「サイズの種類」です。）

良いアイデアをお持ちでしたら、ご共有下さい。

List

Responses

3 Replies
Alexander AVSukhov

Hello,

The only way now is to get the dimensions of the box:

You can use URL parametr ('width' and 'height' value) and localStorage.
In DynamicBox index.html you can get size of DynamicBox using URL parametr:
var sizeDB = window.location.search.substring(1);

and save it to localStorage:
localStorage.setItem("size", sizeDB);

In DropView index.html you can get value saved in localStorage:
localStorage.getItem("size");

Or  dynamic box know width and height of itself and can send them to its drop view using appwidget.sendMessageToPD.

Andrew Gudz

You can try @media screen and (max-width: 180px) {} for 2x2 and @media screen and (max-width: 87px) {} for 1x1 in your css. For other sizes just play with @media.

貴行 冨田

Good solutions, thanks!