Butona tıklandığında butonun altına birden fazla buton veya özelleştirilmiş görünüm eklenebilen bir bileşendir.

Down - Up - Left - Right

Dropdownbutton'ın hangi yöne açılağını belirtir.

Single ; dropdownbutton'ın oku ile butonun birleşik hareket etmesini sağlar.

Split ;  dropdownbutton'ın oku ile butonun ayrık görünmesini sağlar.

Bileşenin tıklanabilir olmasına izin verilip verilmeyeceği

Left - Right

DropMode : Split olduğunda bu özellik kullanılabilir.

True ise, son tıklanan buton dropdown button üzerinde tıklanabilir olur.

Bileşenin sırasını belirir. 

Bileşen üzerinde fare ile gelindiğinde görüntülenecek ipucu metni

Farklı fonksiyonalitede aşağıdaki itemlar eklenebilir.

 Behavior
  • ForceValidationOnClick  : True ise; butona tıklandığında sayfadaki validasyonların devreye girmesini sağlar.
  • IsDefaultButton : True ise; dropdownbutton'da seçili geliyor.
 Display
  • Active  : True ise; dropdown button 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
 Behavior
  • IsDefaultButton : True ise; dropdownbutton'da seçili geliyor.
 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; dropdown button 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 PageReference linkinden erişilebilir.
 Display
  • Active  :  True ise; dropdown button 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.

 Display
  • Bold : True ise başlığın bold yazılmasını sağlar.
  • HeaderTag : Başlığın büyüklüğü (h1 - h2 - h3 - h4 - h5 yazılabilir.)
  • Italic : True ise başlığın italic yazılmasını sağlar.
  • Text : Başlık metni
 Display
  • Thickness : Butonlar arasına çizilecek bölücü çizginin kalınlığı
 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

Dropdownbutton listesine sadece TemplatedMenu eklendikten sonra design yapılabilir. Aksi durumda LayoutDesigner ekranında template seçimi görünmeyecektir.

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

Primary,Secondary,Success,Danger,Warning,Info,Light,Dark (https://getbootstrap.com/docs/4.3/components/buttons/)  

Default :  Light

True olması durumunda butonun çerçeve şeklinde görünmesi sağlanır, buton arka planı beyaz olur, sadece sınırları renklendirilir.

Default/Small/Large. Bileşenin büyüklüğü

True olması durumunda butonun bulunduğu kolonun tamamını kaplamasını sağlar.  False durumunda varsayılan genişlik atanır.

TextOnly : Butonda yalnızca Text özelliğinde yazılan metin gösterilir.

ImageOnly : Butonda yalnızca seçilen resim(ImageUrl veya ImageClass'da seçilen) gösterilir.

ImageBeforeText : Butonda hem resim hem metin gösterilir. Resmin yanında metin görünür.

ImageAfterText :  Butonda hem resim hem metin gösterilir. Metnin yanında resim görünür.

Hazır icon listesinden seçim yapılabilir.

Resim kaynağının seçimi

Proje dosyasındaki wwwroot klasörü altına kullanılmak istenen lokal resim dosyaları eklenerek seçilebilir.

Alternatif olarak; ImageUrl adresine resim dosyasının link adresi de direkt olarak kopyalanabilir.

Resim yüksekliği(px)

Resim genişliği(px)

Text 

Buton üzerinde gösterilecek metin

Butonun görünürlüğü

Bileşenin alt - üst - sağ - sol boşluk(margin - padding) düzenlemelerini yapmayı sağlayan bu özelliğin detayına Custom Styling linkinden erişilebilir.

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

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.

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

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)

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.