Kuika’nın Content Menu elementi, kullanıcıların uygulama içindeki belirli içeriklere hızlı ve kolay şekilde erişmesini sağlar. Genellikle profil menüleri, ayarlar, veya çıkış işlemleri gibi sık kullanılan eylemler için kullanılır. Kullanıcı dostu açılır menü yapısıyla, sade ve düzenli bir navigasyon deneyimi sunar.

Yalnızca web uygulamalarında desteklenmektedir.

Kullanım Alanları

• 👤 Profil ve Hesap Ayarları → “My Profile”, “Password”, “Settings”
• ⚙️ Uygulama Kısayolları → Sık erişilen sayfalar
• 🚪 Çıkış İşlemleri → “Log Out” seçeneğiyle oturum kapatma

Kullanım Senaryosu – Profil Kısayol Menüsü

Bir sosyal medya uygulamasında, ekranın sağ üst köşesinde bir Content Menu bulunur. Menüde yalnızca Label değerleri kullanılarak aşağıdaki seçenekler listelenir:

• “My Profile”
• “Password”
• “Settings”
• “Log Out”

Kullanıcı, menüdeki herhangi bir öğeye tıklayarak ilgili sayfaya yönlendirilir.

Veri Kaynağı Bağlama

1. Datasources Modülü

• Datasources modülüne gidin.
• Ardından Tables başlığı yanındaki + ikonuna tıklayın ve tabloya “ContentMenuData” ismini verin.
• Aşağıdaki tabloyu oluşturun:

2. SQL Action Oluşturma

• Ardından SQL Actions bölümüne gidin ve aksiyona “ContentMenuData” ismini verin. C# ile de oluşturabilirsiniz.
• Aşağıdaki SQL komutunu girin:

SELECT 1 AS Id, 'My Profile' AS LabelUNION ALLSELECT 2, 'Password'UNION ALLSELECT 3, 'Settings'UNION ALLSELECT 4, 'Log Out';

Bu yapı, menüdeki öğeleri İngilizce olarak listeler.

UI Design Modülü İşlemleri

1. UI Design modülüne gidin.
2. Sol kenardaki Elements > Display kategorisinden Content Menu elementini seçin.
3. Ekrana sürükleyip bırakın.

Özelliklerin Senaryo Bağlamında Kullanılması

• Label
  
  • Açıklama: Content Menu üzerinde gösterilecek metni tanımlar.
  • Kullanım: Statik metin girilebilir veya Symbol Picker’dan veri bağlanabilir.
  • Örnekler:
    
    • Statik: "Settings"
    • Dinamik: Current.Label → SQL’den dönen değer

Senaryo Tamamlandığında

• Kullanıcı ekranın sağ üst köşesinde profil ikonuna tıklar.
• Açılan Content Menu’de şu seçenekler görünür:
  
  • “My Profile”
  • “Password”
  • “Settings”
  • “Log Out”
• Her tıklama, ilgili sayfaya yönlendirir veya ilgili aksiyonu tetikler.

Kısıtlamalar

• Content Menu yalnızca web uygulamalarında desteklenir.
• Menü öğeleri yalnızca Label metni içerebilir (ikon veya alt metin eklenemez).

İpuçları ve Best Practices

Kısa ve net etiketler kullanın: “Settings”, “Profile”, “Log Out”.

• Menüde 3–5 öğeden fazla seçenek bulundurmayın.
• Symbol Picker kullanarak kullanıcı rolüne göre dinamik menü içerikleri oluşturabilirsiniz.
• Tema uyumuna dikkat edin: Menü metinleri arka planla kontrast oluşturmalıdır.