Sayfada menü açılmasını sağlayan bileşendir. Bir bileşene ya da sayfaya tıklandığında/sağ tıklandığında aşağıdaki şekilde bir  menü açılır.

BoundryControl

Bu özellikte seçilen bileşene tıklandığında menünün açılması sağlanır. Açılan listeden bileşen yerine "DesignLayout" seçilirse sayfada herhangi bir yere tıklandığında menü açılır. 

MenuEvent

Menünün hangi aksiyonda açılacağı belirlenir.

rightClick : Bileşen ya da sayfaya(BoundryControl seçimine göre) sağ tıklandığında menü açılır. 

click : Bileşen ya da sayfaya tıklandığında menü açılır.

Items 

Menüde oluşturulacak elemanlar burada tanımlanır. Aşağıda desteklenen tipler yer almaktadır. 

MenuButton

 Behavior
  • ForceValidationOnClick  : True ise; butona tıklandığında sayfadaki validasyonların devreye girmesini sağlar.
 Display
  • Active : True ise; menü açıldığında bu item seçili görünür.
  • ClickID : Buton eklendiğinde otomatik oluşturulur. Kodlama veya ExecutionRule işlemlerinde hangi buton'a basıldığını ayırt etmek için kullanılır.
  • Disabled  : True ise  dropdown button açıldığında; butonun tıklanamaz durumda olmasını sağlar.
  • DisplayMode : TextOnly - ImageOnly - ImageBeforeText - ImageAfterText
  • IconClass : Hazır icon listesinden seçim yapılabilir.
  • ImageUrl : Resim kaynağının seçimi (wwwroot dosyasından seçim dosyasının seçimi ya da resmin URL adresi)
  • ImageHeight : Resim yüksekliği(px)
  • Image Width : Resim genişliği(px)
  • Text : Buton üzerinde yazan meti

MenuContextButton

 Data
  • BindingID :  Butona tıklandığıda gerçekleştirilecek olan aksiyonun hangi veri kaynağı için gerçekleştirileceği seçilir. Sayfada yer alan tüm bindpaneller listelenir.
  • ClickOperation : Veri kaynağı üzerinde gerçekleştirilecek aksiyon seçimi. (Refresh/New/Save/Delete/NvgFirst/NvgPrior/NvgNext/NvgLast)
 Display
  • Active : True ise; menü açıldığında bu item seçili görünür.
  • ClickID : Buton eklendiğinde otomatik oluşturulur. Kodlama veya ExecutionRule işlemlerinde hangi buton'a basıldığını ayırt etmek için kullanılır.
  • Disabled  : True ise  dropdown button açıldığında; butonun tıklanamaz durumda olmasını sağlar.
  • DisplayMode : TextOnly - ImageOnly - ImageBeforeText - ImageAfterText
  • IconClass : Hazır icon listesinden seçim yapılabilir.
  • ImageUrl : Resim kaynağının seçimi (wwwroot dosyasından seçim dosyasının seçimi ya da resmin URL adresi)
  • ImageHeight : Resim yüksekliği(px)
  • Image Width : Resim genişliği(px)
  • Text : Buton üzerinde yazan metin
 Behavior
  • IsDefaultButton : True ise; dropdownbutton'da seçili geliyor.
 Data
  • NavigateUrl  : LinkButton'a tıklandığında yönlendirilecek sayfa seçimi ve parametre gönderim detayına PageUrl linkinden erişilebilir.
 Display
  • Active :  True ise; menü açıldığında bu item seçili görünür.
  • ClickID : Buton eklendiğinde otomatik oluşturulur. Kodlama veya ExecutionRule işlemlerinde hangi buton'a basıldığını ayırt etmek için kullanılır.
  • Disabled  : Butonun tıklanamaz durumda olmasını sağlar.
  • DisplayMode : TextOnly - ImageOnly - ImageBeforeText - ImageAfterText
  • IconClass : Hazır icon listesinden seçim yapılabilir.
  • ImageUrl : Resim kaynağının seçimi (wwwroot dosyasından seçim dosyasının seçimi ya da resmin URL adresi)
  • ImageHeight : Resim yüksekliği(px)
  • Image Width : Resim genişliği(px)
  • Text : Buton üzerinde yazan metin
  • Target : 

    CurrentPage ise ; Linke tıklandığında sayfa bulunulan sayfada açılır.

    NewPage ise ; Linke tıklandığında sayfa yeni bir sekmede açılır.

MenuHeader 

 Display
  • Bold : True ise başlığın bold yazılmasını sağlar.
  • DisplayMode : TextOnly - ImageOnly - ImageBeforeText - ImageAfterText
  • IconClass : Hazır icon listesinden seçim yapılabilir.
  • ImageUrl : Resim kaynağının seçimi (wwwroot dosyasından seçim dosyasının seçimi ya da resmin URL adresi)
  • ImageHeight : Resim yüksekliği(px)
  • Image Width : Resim genişliği(px)
  • Italic : True ise başlığın italic yazılmasını sağlar.
  • Text : Başlık metni

MenuDivider

 Display
  • Thickness : Elemenlar arasına çizilecek çizginin kalınlığı

TemplatedItem

İstenilen içeriğin menüde gösterilmesini sağlar.

 Display
  • MinWidthPX : Oluşturulan template içeriğinin gösterileceği minimum genişlik değeri (pixel) 
  • PaddingX : Template içeriğinin soldan kaç pixel sağa doğru çizileceğini belirtir.
  • PaddingY : Template içeriğinin yukarıdan kaç pixel aşağıya doğru çizileceğini belirtir.
 Templated Menu

Menü listesine sadece TemplatedMenu eklendikten sonra tasarım yapılabilir. Aksi durumda LayoutDesigner ekranında "Templates" seçimi görünmeyecektir.

NOT : TemplatedMenu içerisine AutoComplete, DropdownButton, Image, Grid ve FileUpload bileşenlerinin eklenmesine izin verilmemektedir. 

SubMenu

Menü altında alt menüler oluşturmayı sağlar.

 Data
  • Items: Alt menüde gösterilecek elemanların listesi oluşturulur. Buton - LinkButton - Header - Divider - TemplatedMenu - SubMenu tiplerinin tamamı alt menü olarak eklenebilir.
 Display
  • ClickID : Buton eklendiğinde otomatik oluşturulur. Kodlama veya ExecutionRule işlemlerinde hangi buton'a basıldığını ayırt etmek için kullanılır.
  • DisplayMode : TextOnly - ImageOnly - ImageBeforeText - ImageAfterText
  • IconClass : Hazır icon listesinden seçim yapılabilir.
  • ImageUrl : Resim kaynağının seçimi (wwwroot dosyasından seçim dosyasının seçimi ya da resmin URL adresi)
  • ImageHeight : Resim yüksekliği(px)
  • Image Width : Resim genişliği(px)
  • Text : Menü elemanının metni

Execution Rules

Bileşenin eventlerinde(olay) çalıştırılabilecek kuralların detaylarına Execution Rules linkinden erişilebilir.

Localization

Kullanıcıların uygulamayı kullanırken tercih ettikleri dile göre görüntüleyecekleri metinleri girmesini sağlayan bu özelliğin detayına Localization linkinden erişilebilir.

Customization

Bileşen özelliklerinin özelleştirme arayüzde değiştirilebilmesini sağlayan bu özelliğin detayına Customization linkinden erişilebilir.

Modifier 

Barcode bileşeni UserControl içinde kullanıldığında bileşen özelliklerinin değiştirilip değiştirilemeyeceği seçilir.

Public ise; bileşenin özellikleri eklendiği sayfa içinde değiştirilebilir.

Private ise; bileşenin özelliklerine müdahale edilemez. (Varsayılan Değer)

ID

Bileşenin ayırt edici değeri. Arka planda kodlama vb işlemlerde kullanılacak benzersiz olması gerekli alan.

Sürükle bırakla otomatik oluşturulur, isteğe bağlı olarak değiştirilebilir.