داشتن استایل در شرایط خاص
دوستان سلام
شاید یکم عنوان رو بد نوشتم ولی اگه توضیح بدم کامل متوجه میشید
چطور میتونم در شرایط خاص استایل رو عوض کنم
مثلا توی پنل مدیریت داخل داشبورد هستم میخوام تب داشبورد فعال باشه (مثلا رنگش آبی باشه)
بعد که اومدم توی ایجاد مقاله تب ایجاد مقاله فعال شه .
ممنون میشم توضیح بدید
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
@mariomesto12 خب اگر روت عوض میشه که راحت‌تره.
توی اون فایل bladeی که اون تب‌ها داخلش هست می‌تونی مثل کد زیر ببینی آیا لینکی که کاربر الان داخلش هست مربوط به کدوم تبه.
<li class="{{ request()->is('/posts/*') ? 'tab-active' : '' }}"الان اگر آدرسی که داخلش هستی با /posts/ شروع بشه، اون تب کلاس tab-active رو هم می‌گیره.
بعد حالا باید به اون کلاس استایل مورد نظرتون رو بدید.
با CSS ابتدا یه tab-active. میسازی
و با JS هر زمان کاربر روس هر تب کلیلک کرد.. استایلش رو به tab-active تغییر میدی
پروسه کم و بیش همینه
مثال های زیر هم ببین.. خالی از لطف نیست:
https://www.w3schools.com/w3css/w3css_tabulators.asp
@mariomesto12 خب اگر روت عوض میشه که راحت‌تره.
توی اون فایل bladeی که اون تب‌ها داخلش هست می‌تونی مثل کد زیر ببینی آیا لینکی که کاربر الان داخلش هست مربوط به کدوم تبه.
<li class="{{ request()->is('/posts/*') ? 'tab-active' : '' }}"الان اگر آدرسی که داخلش هستی با /posts/ شروع بشه، اون تب کلاس tab-active رو هم می‌گیره.
بعد حالا باید به اون کلاس استایل مورد نظرتون رو بدید.
سلام
یک اسم برای روت بذار بعد از کد زیر به راحتی استفاده کن :
<a href="{{route('admin.articles')}}" class="{{request()->route()->named('admin.articles') ? 'active' : ''}}"></a>