Buttons on rails - как задать стили?

Есть список записей, отображаемый (с пагинацией) на нескольких страницах. Есть кнопки навигации по страницам Previous Next. Если страница первая, то кнопка Previous не render-ится, если страница последняя, то не отображается кнопка Next.

<apex:outputText rendered="{!defContacts.HasPrevious}">
     Pages {!PageNumber - 1} . Contacts {!previousNumberOfRecords}&nbsp;
</apex:outputText>
<apex:commandButton action="{!back}" rendered="{!defContacts.HasPrevious}" 
      reRender="main-panel" value="<Previous" status="PaginationStatus"
      styleClass="slds-button slds-button_neutral" style="width: 100px;" />
<apex:commandButton action="{!forward}" rendered="{!defContacts.HasNext}"
      reRender="main-panel" value="Next>" status="PaginationStatus"
      styleClass="slds-button slds-button_neutral" style="width: 100px;" />
<apex:outputText rendered="{!defContacts.HasNext}">
       &nbsp;Pages {!QuantityOfPages - PageNumber} . Contacts {!MaxNumberOfRecords - 
       previousNumberOfRecords - pagination}
</apex:outputText>

Вопрос: как задать фиксацию кнопок, чтобы они стояли на своих местах?
Visualforce-тэгов пугаться не нужно, здесь HTML-тэги тоже проходят.
Что делаю я:
Вариант 1: Оборачиваю все в div align=“center”
Проблема: Пользователь с первой страницы нажимает Next, отображаются новые записи, и он желая увидеть следующие “не глядя” жмет туда же. А на том месте уже кнопка Previous. Кнопок теперь стало две и теперь по центру не одна кнопка, а две.

Вариант 2: Оборачиваю все в <apex:panelGrid columns=“4”>
Проблема: При смене отображения (появляется / пропадает одна из кнопок) кнопки прыгают из одной колонки в другую.

Такой вариант: сделай Previous, скрытой - типа visibility hidden, что бы она оставляла размер свой в виде но была невидема визуально. или передавай туда пустой блок с размером кнопки.

1 лайк

Может так: при том условии, когда кнопка не рендерится, на ее место рендерился бы какой-то пустой блок?

Я прикрыл топик как оффтопик - apex мы не обсуждаем.

В нем можно использовать обычные div и styles? Если можно, то оффтопик отменяется.

Да - рассписал вопрос очень подробно, я не совсем понял его.
Может не в тему ответ

я написал что можно

Язык программирования сделанный в былые времена из Java (вроде как SE5) для платформы Salesforce.

я прочел сначала и подумал что грецкий арех.
Oracle Application Express (APEX)

Нет. Вот кратенько о нем

Поменял атрибуты
rendered="{!defContacts.HasPrevious}"
на style="visibility: {! IF(defContacts.HasPrevious, 'visible', 'hidden')};"
и тэги apex:outputText на span
Вcе четко