راکت

شخصی سازی pagination لاراول

10 پاسخ

سلام . چطور میشه رنگ و سایز صفحه بندی لاراول رو تغییر داد ؟ مثلا من میخوام بجای سفید نقره ای باشه ... از کجا باید تغییرش بدم ؟ توابعش رو نمیخوام دستکاری کنم فقط css و ظاهرش رو

ثبت پرسش جدید

پاسخ‌ها

10
سیدعلی موسوی
سیدعلی موسوی
@juza66

تخصص: سی شارپ و پی اچ پی

تویی css های سایت خودت یه کلاس بساز pagination و اونجا برای خودت رنگ ها و غیره رو ست کن ، راه های دیگری هم هست پیشنهاد نمیکنم

مرتضی صبیحی
مرتضی صبیحی
@mortezasabihi

تخصص: Front-end developer

سلام
اول یه ویو بساز:

namespace App\Pagination;
use Illuminate\Pagination\BootstrapThreePresenter;

class HDPresenter extends BootstrapThreePresenter {

    public function render()
    {
        if ($this->hasPages()) {
            return sprintf(
                '<div class="pagi-custom"><div class="pull-left">%s %s</div> <div class="pull-right">%s %s</div></div>',
                $this->getFirst(),
                $this->getButtonPre(),
                $this->getButtonNext(),
                $this->getLast()
            );
        }
        return "";
    }

    public function getLast()
    {
        $url = $this->paginator->url($this->paginator->lastPage());
        $btnStatus = '';

        if($this->paginator->lastPage() == $this->paginator->currentPage()){
            $btnStatus = 'disabled';
        }
        return $btn = "<a href='".$url."'><button class='btn btn-success ".$btnStatus."'>Last <i class='glyphicon glyphicon-chevron-right'></i></button></a>";
    }

    public function getFirst()
    {
        $url = $this->paginator->url(1);
        $btnStatus = '';

        if(1 == $this->paginator->currentPage()){
            $btnStatus = 'disabled';
        }
        return $btn = "<a href='".$url."'><button class='btn btn-success ".$btnStatus."'><i class='glyphicon glyphicon-chevron-left'></i> First</button></a>";
    }

    public function getButtonPre()
    {
        $url = $this->paginator->previousPageUrl();
        $btnStatus = '';

        if(empty($url)){
            $btnStatus = 'disabled';
        }
        return $btn = "<a href='".$url."'><button class='btn btn-success ".$btnStatus."'><i class='glyphicon glyphicon-chevron-left pagi-margin'></i><i class='glyphicon glyphicon-chevron-left'></i> Previous </button></a>";
    }

    public function getButtonNext()
    {
        $url = $this->paginator->nextPageUrl();
        $btnStatus = '';

        if(empty($url)){
            $btnStatus = 'disabled';
        }
        return $btn = "<a href='".$url."'><button class='btn btn-success ".$btnStatus."'>Next <i class='glyphicon glyphicon-chevron-right pagi-margin'></i><i class='glyphicon glyphicon-chevron-right'></i></button></a>";
    }

}

بعد برای استفاده از صفحه بندی از این کد استفاده کن:

{!! with(new App\Pagination\HDPresenter($posts))->render(); !!}

شاید پاسخ شما همین‌جا باشد

developer
developer
@developer

تخصص: برنامه نویس

برید توی کدهای بوت استرپ سرچ کنید همون کلاس pagination رو و رنگ و ... عوض کنید

vahidds
vahidds
@anii.emori

سلام منم این مشکل دارم
فایل bootstrap-4.blade.php
داخل مسیر
vendor\laravel\framework\src\Illuminate\Pagination\resources\views\
تغییر دادم مشکلم حل شد.تغییر در این فایل مشکل نداره؟

Saman
Saman
@samanzdev

تخصص: برنامه نویس وب

با سلام
آره ایراد داره ، شما نباید تغییر در پوشه vondor بدید.
این دستور رو داخل terminal بزنید:
php artisan vendor:publish --tag=laravel-pagination
سپس تغییرات رو داخل پوشه ای که ایجاد شده اعمال کنید.
موفق باشید
@anii.emori

vahidds
vahidds
@anii.emori

سلام ممنون از راهنماییتون
پوشه که میگید ایجاد میشه تغیرات داخل اون بدم تغییرات صورت میگیره و نیازی به کار دیگه ای نیست

@samanzdev

Saman
Saman
@samanzdev

تخصص: برنامه نویس وب

با سلام
خیر- هیچ اشکالی نداره
موفق و پیروز باشید🌹
@anii.emori

Majid Goudarzi
Majid Goudarzi
@masterspyware

تخصص: برنامه نویس

پیشنهاد میکنم sass رو فعال کنید و تغییرات مدنظرتونو از اونجا اعمال کنید تا هم پروژتون حرفه ای تر بشه و هم اَرِنجمِنت سورستون بهم نریزه

vahidds
vahidds
@anii.emori

سلام چطور میشه فعالش کرد
ایا منظور شما همون لاراول میکس هست
@masterspyware

Majid Goudarzi
Majid Goudarzi
@masterspyware

تخصص: برنامه نویس

بله.
لاراول ui رو عرض کردم که بوسیله لاراول میکس هندل میشه

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام