shahriar
4 سال پیش توسط shahriar مطرح شد
5 پاسخ

داشتن استایل در شرایط خاص

دوستان سلام
شاید یکم عنوان رو بد نوشتم ولی اگه توضیح بدم کامل متوجه میشید
چطور میتونم در شرایط خاص استایل رو عوض کنم
مثلا توی پنل مدیریت داخل داشبورد هستم میخوام تب داشبورد فعال باشه (مثلا رنگش آبی باشه)
بعد که اومدم توی ایجاد مقاله تب ایجاد مقاله فعال شه .
ممنون میشم توضیح بدید


ثبت پرسش جدید
مهدی عقیقی
تخصص : برنامه نویس وب
@MehdiAghighi 4 سال پیش مطرح شد
1

@mariomesto12 خب اگر روت عوض میشه که راحت‌تره.

توی اون فایل bladeی که اون تب‌ها داخلش هست می‌تونی مثل کد زیر ببینی آیا لینکی که کاربر الان داخلش هست مربوط به کدوم تبه.

<li class="{{ request()->is('/posts/*') ? 'tab-active' : '' }}"

الان اگر آدرسی که داخلش هستی با /posts/‍ شروع بشه، اون تب کلاس tab-active رو هم می‌گیره.
بعد حالا باید به اون کلاس استایل مورد نظرتون رو بدید.


علی بیات
تخصص : توسعه دهنده ارشد وب
@ali.bayat 4 سال پیش مطرح شد
1

با CSS ابتدا یه tab-active. میسازی
و با JS هر زمان کاربر روس هر تب کلیلک کرد.. استایلش رو به tab-active تغییر میدی
پروسه کم و بیش همینه

مثال های زیر هم ببین.. خالی از لطف نیست:
https://www.w3schools.com/w3css/w3css_tabulators.asp


shahriar
تخصص : learning .....
@shahriar 4 سال پیش مطرح شد
0

مشکلم اینجاست که آدرس (روت) عوض میشه !


مهدی عقیقی
تخصص : برنامه نویس وب
@MehdiAghighi 4 سال پیش مطرح شد
1

@mariomesto12 خب اگر روت عوض میشه که راحت‌تره.

توی اون فایل bladeی که اون تب‌ها داخلش هست می‌تونی مثل کد زیر ببینی آیا لینکی که کاربر الان داخلش هست مربوط به کدوم تبه.

<li class="{{ request()->is('/posts/*') ? 'tab-active' : '' }}"

الان اگر آدرسی که داخلش هستی با /posts/‍ شروع بشه، اون تب کلاس tab-active رو هم می‌گیره.
بعد حالا باید به اون کلاس استایل مورد نظرتون رو بدید.


shahriar
تخصص : learning .....
@shahriar 4 سال پیش مطرح شد
0

خیلی ممنون


محمد امیری
تخصص : backend coder
@mohammadeng3731 4 سال پیش مطرح شد
0

سلام
یک اسم برای روت بذار بعد از کد زیر به راحتی استفاده کن :

        <a href="{{route('admin.articles')}}" class="{{request()->route()->named('admin.articles') ? 'active' : ''}}"></a>

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

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