Menu elementleri, kullanıcıların uygulama içinde gezinmeyi kolaylaştırmak ve içeriklere erişim sağlamak için kullanılır. Bu elementler genellikle uygulamanın Header'ında veya yan panellerinde bulunur ve kullanıcılara farklı bölümlere geçiş yapma imkanı sunar. Kullanıcılar, Menüyü açarak farklı ekranlara geçiş yapabilir, içerikleri filtreleyebilir veya diğer ekranlar ile etkileşimleri gerçekleştirebilir.
Örneğin, menü elementini bir şirketin bütün uygulamalarını tek bir çatı altında toplamak için kullanabilirsiniz.
Menu elementi kısaca, uygulama içerisinde bulunan ekranların hiyerarşik olarak sınıflandırılmasına ve gezinim sağlamasına yardımcı olan elementtir.
Sol panelde Screens paneli içerisinde alt tarafta yer alan Master Screen yanında + ikonuna tıklayarak Master screen oluşturabilirsiniz. Oluşturulan Master Screen yapısına göre Menü elementinin görüntülenme yapısını ayarlamanız mümkündür. Örneğin, sol tarafta Vertical Stack ,Header ve Footer yapısının olduğu Master Screen’i seçelim.
Menü elementi, Vertical Stack (Left Menu) içerisine eklenirse, menü elementi sol kenara yaslanarak dikey olarak görüntülenmektedir. Ancak, Menü elementi Header veya Footer bölgesine eklenirse, menü elementi yatay bir şekilde görüntülenmektedir.
Menu Properties paneli, Master Screen ile eklediğiniz menü elementi özelliklerini görüntüleyebilmek için elementi seçin ve Properties panelini açın. Menu elementinin özelliklerini, içeriklerini ayarlayabileceğiniz ve değiştirebileceğiniz paneldir.
Bu panel içerisinde aşağıdaki özellikler bulunur:
Sub Menu: Alt menü öğelerine sahip bir öğe ekler.
Menu Item: Tek seviye bir menü öğesi ekler.
Menu elementine “+ Menu Item” ile menu öğeleri ve “+ Sub Menu” ile alt menüye sahip öğeler ekleyebilirsiniz. Eklenmiş her SubMenu öğesi altında yine Menu Item ve Sub Menu butonları bulunur. Bu butonlar aracılığıyla da seçili menü öğesi altında da eklemeler yapabilirsiniz. Açık olan yapılandırma alanında, Menu elementi içerisine eklenmiş öğeleri seçerek her bir menü öğesi için ismini düzenleyebilir veikon ekleyebilirsiniz.
Örneğin, “FirstMenu” içerisinde Icon, Id, Link, ParentId, Title kolonlarına sahip veri tablosu oluşturalım:
Menu öğelerini besleyen örnek veri tablosunu aşağıdaki görsel üzerinden inceleyebilirsiniz.
Menu elementi ile ilgili Light (Açık/Beyaz) ve Dark (Koyu/Siyah) olmak üzere iki tema bulunmaktadır.
Menü öğelerinin renklendirilmesinde kullanılan arka plan renginde kullanılan açık ve koyu tonlar seçtiğiniz renk üzerinden otomatik olarak üretilir.
Collapsed alanındaki anahtarı etkinleştirdiğinizde, menü tasarım ortamında da daraltılmış haliyle görüntülenir. Symbol Picker seçeneklerini kullanarak, bu işlemin dinamik olarak daralmasını veya genişlemesini sağlayabilirsiniz. Örneğin, ekranda belirli koşullarda görüntülenecek ek bir alan varsa, bu ek kolon açıldığında menü öğesini daraltarak görünür olan içeriğin son kullanıcılar tarafından daha rahat görüntülenmesini sağlayabilirsiniz.
Collapsible anahtarını açtığınızda, menü öğelerinin alt kenarına bir ikon buton eklenir. Bu buton, son kullanıcılar tarafından menüyü daraltmak ve genişletmek için kullanılabilir.
Açılan renk seçici penceresi ile ikon butonuna ait arkaplan rengini belirleyebilirsiniz.
Uygulamanızın ekran ve elementlerinde, "Anonymous Access" ve "All Roles Access" yetkilendirme seçenekleri ile kullanıcı erişimini özelleştirebilirsiniz. "Anonymous Access" herhangi bir hesap bilgisi sorgulaması olmadan erişimi mümkün kılarken, "All Roles Access" ile kullanıcı hesap bilgileri doğrulanarak erişim sağlanır.
Element düzeyinde yetkilendirme için, ilgili elementi seçip Properties panelinden "Authorization" ayarlarını düzenleyerek, uygulamanızın güvenlik ve kullanıcı deneyimini yönetebilirsiniz.
Bu yöntemler, uygulamanızda kişiselleştirilmiş ve güvenli bir ortam yaratmanıza olanak tanır.
Ekranların veya elementlerin görünürlüğünün ayarlandığı kısımdır. Elementler'de Visibility yani Görünürlük, belirli bir durum ve/veya koşula göre görünürlüğü düzenlemenizi sağlar. Her bir element için her zaman görünür olmasını, gizli olmasını veya bir koşula bağlı olarak görünüp gizlenmesini sağlayabilirsiniz.
Ekranınızın görünürlük yapısının ayarlandığı kısımdır. Kuika, uygulamanızdaki ekranların görünürlük kontrolünü yapabilmeniz için Always Visible, Hidden, Sometimes Visible seçeneklerini sunmaktadır.
Elementlerde veya ekranınızda Visibility ayarlarını yapmak için aşağıdaki adımları izleyebilirsiniz:
Yapmış olduğunuz seçim doğrultusunda elementin görünürlüğü ayarlanmış olacaktır.
Kuika, Arithmetic, Authorization, Condition, Device, Export, Geolocation, Local Storage, Multi Language, Navigation , Notification, Payment Stripe, UI Control, Trigger , Process Automation, Process Administration ve String Operations gibi sistem aksiyonlarını barındırmaktadır.
Sistem aksiyonlarının yanı sıra kendi oluşturduğunuz SQL aksiyonları da kullanabilirsiniz.
Elementlere aksiyon eklemek için Properties panelde yer alan +Add Action butonunu kullanabilirsiniz.