إخفاء جميع الحقول المخصصة ما عدا حقل واحد في قائمة مراجعة موافقة المستخدم

الدعم
1

هل يمكن لأي شخص مساعدتي في بعض CSS؟

لدينا العديد من الحقول المخصصة للمستخدمين (UCFs) في منتدانا، ويُستخدم منها واحد فقط للتسجيل؛ وهذا الحقل حاسم في قرار الموافقة أو الرفض.

لذلك أريد الآن إخفاء جميع الحقول ما عدا ذلك الحقل (الذي يقع في المرتبة الأولى) في قائمة المراجعة، حتى لا يضطر مشرفونا إلى النظر إلى مجموعة من الحقول الفارغة لكل طلب مستخدم جديد.

لقد وصلت إلى هذه النقطة:

.reviewable-user-details.user-field{
     display: none;
    /*محاولة إخفاء حقول UCF في قائمة المراجعة - في الوقت الحالي تخفيها جميعها*/
}

هذا يخفيها جميعها، لكنني ما زلت بحاجة إلى إظهار الحقل الأول. لقد جربت &:nth-of-type(1)، لكنه لا يعمل هنا - أعتقد أن السبب يعود إلى طريقة عمل HTML. العناصر لا تملك فئات (classes).

هل لديك أي اقتراحات؟

6

لقد أجريت تغييرًا بسيطًا سيسمح لـ &:nth-of-type(1) في CSS بالعمل، حيث كان هناك div حاوي إضافي يمنع ذلك. يجب أن يكون هذا متاحًا إذا قمت بتحديث موقعك خلال بضع ساعات.

7

أنتم رائعون!!! شكرًا لكم!!!

8

أستطيع أن أرى أن عناصر Ember div قد اختفت الآن - شكرًا لك.

ومع ذلك، لا يزال لدي مشكلة في جعل CSS يعمل، فهو ببساطة يخفي جميع العناصر. لقد جربت عدة صيغ مختلفة؛ ربما أقوم بشيء خاطئ. أيضًا، أتساءل عما سيحدث إذا نجح الأمر كما أهدف إليه: ألا يعني ذلك أن الشخص الثاني أو الثالث الذي يحتاج إلى موافقة ستُخفى جميع حقوله؟

إليك ما جربته:

.reviewable-user-details.user-field {
    display: none;
            &:nth-of-type(1){
            display: block;
        }
}
9

أه، صحيح، هذا لا يعمل وهو متوقع… أنا دائمًا أنسى أن nth-of-type يركز على العنصر وليس على الفئة.

لذلك في هذه الحالة، لا يوجد عنصر بل أسماء فئات فقط، لذا لا يعمل. ولكن إذا أضفت العنصر (div في هذه الحالة)، فإنه سيطابق فقط إذا كان الأخ الأول من نوع div يحمل أيضًا فئة .user-field (وهو ليس كذلك، لأن هناك عناصر div أخرى داخل هذا الأب تسبق عناصر user-fields).

على أي حال، باختصار… يمكن استخدام محدد الأخ العام هنا بدلاً من ذلك. ضمن .reviewable-user-fields، يختار هذا جميع عناصر .user-field التي تكون إخوة للعنصر الأول من .user-field.

.reviewable-user-fields .user-field ~ .user-field {
    display: none;
}
10

لا أعرف تمامًا ما تتحدث عنه، لكنه يعمل بشكل رائع؛ شكرًا لك!

قد يساعد هذا الآخرين الذين يملكون منتديات خاصة ويعتمدون على إضافة Custom Wizard Plugin عند التسجيل @Angus.

كيف يمكن للمرء إظهار حقل .user-field الثاني أو الثالث؟ لا أحتاج إلى ذلك حاليًا، لكنه قد يصبح ضروريًا في المستقبل.