Портлет JQuery - возможно ли иметь портлеты разных размеров? - PullRequest
9 голосов
/ 19 февраля 2011

Я использую функцию портлета пользовательского интерфейса JQuery для создания базовой страницы портала.Пример на странице пользовательского интерфейса JQuery показывает довольно простой пример с 3 столбцами и портлетами фиксированного размера, которые вписываются в эти столбцы.Есть ли способ подойти к этому так, чтобы можно было использовать портлеты различного размера.

В частности, если у меня есть 3 столбца, я хотел бы иметь возможность:

1) Чтобы иметь один портлет, который охватывает все3 столбца (3 * 1) 2) Иметь один портлет 2 * 1 и один портлет 1 * 1 в одной строке, занимая, таким образом, все 3 столбца. 3) Имеются любые их варианты.

Я был бы очень признателенесли бы кто-нибудь мог дать мне какие-либо указатели,

Спасибо

JP

1 Ответ

15 голосов
/ 21 февраля 2011

http://jsfiddle.net/93F2T/

На основе отображать в виде сетки . Используйте одну сортируемую строку, и пусть ваши портлеты переносятся на следующую строку, когда недостаточно места.

.portlet {
    display: inline-block;
    vertical-align: top;
}
...