Kuika'nın Menü elementi, uygulamanızda kullanıcıların farklı sayfalara veya işlevlere kolayca erişebilmesi için bir navigasyon menüsü oluşturmanıza olanak tanır. Menü elementi, kullanıcıların farklı ekranlara geçiş yapmasını sağlar ve birden fazla alt seviyeye sahip menüler oluşturmanıza imkan tanır. Menu, sizin tanımladığınız öğelerle oluşturulabileceği gibi, bir veri tablosundan beslenen dinamik bir yapıda da olabilir. Bu eğitim içeriğinde, Menu elementini nasıl kullanacağınızı öğreneceksiniz.
Bu eğitim içeriği aşağıdaki başlıklardan oluşmaktadır:
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.
Geliştirdiğiniz uygulama birden fazla dili destekleyebilir. Dil yönetimi ve çeviri işlemlerini sol kenarda bulunan Languages panelinden yapabilirsiniz.
Eklediğiniz Menu elementindeki metinleri, uygulamanıza dahil ettiğiniz diğer dillerde de çevirebilirsiniz. Menu elementini uygulamanıza eklediğiniz andan itibaren, menü öğesi ekleme, çıkarma veya isim değiştirme gibi tüm değişiklikler Translate penceresinde anında güncellenir. Yeni bir menü öğesi ekleyip çevirisini ekleyebilirsiniz. Menü elementini Master Screen ile kullanarak, çeviri işlemini merkezi bir şekilde şablon ekran üzerinden gerçekleştirebilirsiniz.
Menu elementine çoklu dil desteği eklemek için:
Böylece Menu elementine çoklu dil desteği eklemiş oldunuz.
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.
Ekranların veya elementlerin görünürlüğünü ayarlamanıza olanak tanır. Elementler'de Visibility, belirli bir durum 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.
Elementleri düzenlenebilir hale getirmenize olanak tanır.
Elementlerinizi Styling Paneli ile özelleştirerek, web ve mobil uygulamalarınızda benzersiz ve etkileyici kullanıcı arayüzleri oluşturabilirsiniz.
Kuika, Arithmetic, Authorization, Condition, Device, Export, Geolocation, Invers, Local Storage, Multi Language, Navigation, Notification, Payment, UI Control, Process Administration, Process Automation, 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 sağ kenardaki Properties panelinden “+ADD ACTİON” butonunu kullanabilirsiniz.