ВЕБ МОРДА

[St@rz]

Пока не нашел решения как сохранять результат перетаскивания кнопок в меню.
В связи с этим предлагаю пока отойти от динамических настроек и добавить несколько статических:

1. Сделать что бы размер кнопок можно было настраивать.
2. Сделать в настройках возможность выбора какая кнопка первая, какая вторая, какая третья...
3. Добавить настройку - отображать или нет кнопку на экране главного меню.

Пока что сделать эти настройки просто с помощью галочек или т.п.

Еще несколько мыслей.

Использовать два размера кнопок.
Квадрат придется убрать. Так как иначе, при включении кнопок в список, будут пустые места.



Кнопка квадрат выше кнопки половина квадрата. Остается пустое место над кнопками.

Вид когда ширина страницы помещает все кнопки в один ряд. Когда ширина страницы меньше те кнопки которые не вошли уйдут на второй, третий... ряд. При просмотре меню с мобильного телефона все кнопки встанут в один столбик. Как я предлагал использовать <ul data-role="listview" data-type="group"><li>.

Вариант с двумя размерами кнопок.



Предлагаю взять его за образец. Простой, удобный, понятный и со вкусом. Видео выкладывал выше.

Размер кнопок использовать 256 Х 512 пикселей или 256 Х 255 (квадратную кнопку сделать уже чтобы был просвет между ними и в паре они по ширине не выходили за пределы широкой кнопки по габаритам). Возможно ошибаюсь и стоит использовать чуть более меньший размер.

Внешний вид отображения кнопки берут из модулей.

Варианты внешнего вида остальных окон я предложу позже. После одобрения выложу код.