Стилизация LinkPager. Как убрать disabled?

Question

[Евгений]

Пытаюсь сделать похожий стиль из вёрстки.

<?php
            echo LinkPager::widget([
                'pagination' => $pages,
                'activePageCssClass'=> 'active',
                'hideOnSinglePage' => true,
                'nextPageCssClass' => 'next',
                'prevPageCssClass' => 'prev',
                'options' => ['class' => '']



            ]);
            ?>

Во 1 оно клало болт на эту строку : 'activePageCssClass'=> 'active',
Класс Active то добавляет, а вот не работает ни черта. Но это видимо из-за того что раньше active висел на a, а теперь вешается на li.

Но оно к стрелочкам добавляет класс disabled.

Кстати как поменять картинку стрелочек на fa я так и не понял как.
ДУмал через nextPageLabel, но вставляет тупо текст

Comments

[Дмитрий]

Во 1 оно клало болт

Особенно порадовало))) Описание проблемы на высшем уровне)))

[Евгений]

slo_nik, Да тут сюрпризы со всех сторон. Плюну и оставлю стоковый стиль походу так как уже заднее место подгорает. Чтобы работал Active нужно чтобы он был не у Li, а у a.

Если написать стили вот так

.styled-pagination ul li:hover, .styled-pagination ul li.active {
  color: #ffffff;
  background: #48bdc5;
  transition: all 500ms ease;
}

то всё равно не будет работать.

[Дмитрий]

Евгений, сменить стрелочки на fa запросто, Вы даже правильно начали, но видать не довели до конца, раз у Вас ставится текст, а не иконка.
В общем всё работает. Главное разобраться. Перепишите вопрос понятным языком.

[Дмитрий]

Евгений, кстати, по поводу класса active. Посмотрите внимательно.

[Евгений]

slo_nik, кнопочки next и prev чтобы горели постоянно я вылечил вот так.

.styled-pagination ul li.next {
  line-height: 50px;
  font-size: 16px;
  width: 50px;
  height: 50px;
  color: #777777;
  font-weight: 500;
  text-align: center;
  background: #f4f4f4;
  border-radius: 4px;
  transition: all 500ms ease;
}

Осталось вылечить Active.

[Евгений]

slo_nik, И у меня свойство 'activePageCssClass'=> 'active',
Стоит же. Оно применяется к li. Я кстати пробовал стили чисто под li написать, и всё равно туго работает

[Дмитрий]

Евгений, зачем Вы пытаетесь присвоить active? Он и так по умолчанию.

[Евгений]

slo_nik, Не суть же) Всё равно итак и сяк Active оно приписывает к li. Я вот ради интереса приписал active a-тегу внутри этого li. И всё прекрасно заработало.

[Дмитрий]

Евгений, значит Вы изначально что-то не правильно делали.

[Евгений]

slo_nik, Сегодня думаю через силу починю Active

Answer 1

[Максим Тимофеев]

хрен поймешь что Вам надо. куча эмоций, ни строчки по сути дела. возможно это:
https://www.yiiframework.com/doc/api/2.0/yii-widge...

Comments

[Евгений]

Оно так странно и криво работает. Что прям если бы знал как написал бы свой вариант чтобы использовать свою вёрстку.

Когда я нахожусь на последней странице оно к чертям собачьим добавляет фон к левой стрелочке, а в случае с первой наоборот плюс некликабельна, хотя класс disable я убрал.


Как я понял это связано с тем, что оно одному добавляет тег a , а второму убирает. Это причина смерти заднего фона стрелочки.


А вот почему класс li active не работает только исусу известно

[Евгений]

Я начал разбираться почему Active мертвый. И добавил active к тегу a и оно заработало. Но делал через консоль. А как сделать что оно тегу а Active добавляло?

[Максим Тимофеев]

Евгений, Ничего не понял. Фон дело css, при чем тут php?

Когда я нахожусь на последней странице оно к чертям собачьим добавляет фон к левой стрелочке,

ну так уберите фон, одна строчка в css. В чем проблема?
.prev, .prev a {background-color: transparent;}

почему класс li active не работает

Что значит не работает? И какое отношение стили и классы имеют к php?