JSF, Primefaces. Как изменить размер р: CommandButton

Как вы можете изменить размерJSF, Primefaces. Как изменить размер р: CommandButton

<p:commandButton value="..."/>?

Предположим, что кнопка выглядит следующим образом:

+-------------+ 
|  ...  | 
+-------------+

Один пользователь в обсуждении, которое находится в http://forum.primefaces.org/viewtopic.php?f=3&t=3955 предложил кнопку использовать со стилем

<p:commandButton value="..." style="width: 20px; height: 20px;font-size:80%;"/> .

Однако после этого текст кнопки выходит за пределы рамки:

+---+ 
| | ... 
+---+

Я думаю, что должен использовать другой стиль css. Можете ли вы предложить мне, как я могу изменить размер кнопки с другим стилем CSS, который изменяет размер кнопки и перемещает текст прямо в кнопку?

источник

2013-12-05 Benas

Im пытаясь воспроизвести это в моем проекте, но эта проблема не происходит. Есть ли стильClass, прикрепленный к commandButton (возможно, вы забыли описать в своем сообщении?). –

Я смог воспроизвести его как на проектах 3.5, так и на Primefaces. Более того, код этой кнопки точно такой же, как в моем проекте. Возможно, есть некоторые глобальные темы, которые могут повлиять на выравнивание текста ... Я должен проверить это. – Benas

Я могу изменить размер шрифта и ширину и высоту кнопки, просто указав стиль css в командной строке. – Adarsh

Вы используете подходящие свойства, но 20px так мало. Вот почему текст выходит за рамки кнопок. Чем больше пикселей, тем больше кнопка. Поэтому просто укажите большие пиксели по высоте и ширине. Затем с помощью выравнивания текста свойство выравнивать текст справа, слева, в центре e.t.c

Попробуйте

<p:commandButton value="..." style="width: 100px; height:100px; text-align: right"/>

источник

2013-12-05 15:16:06 manpikin

JSF, Primefaces. Как изменить размер р: CommandButton

ответ

Смежные вопросы