Canvas App’de Radio Button Kullanımı

Bu makalede canvas app’de “radio” kontrolünün kullanımı ve en sık kullanılan özellikleriyle ilgili bilgiler verilmiştir.

Herkese merhaba,

Bu yazımda Canvas App’de radyo düğmesinin kullanımı ve veri kaynağına nasıl bağlandığını göstereceğim.

Örneğin daha iyi anlaşılması için önce formül çubuğunda manuel olarak radyo buton listesi oluşturacağım, ardından aynı listeyi SharePointOnline’da yer alan bir listeyi kullanarak yapacağım. Farklı seçilen değerleri görebilmek adına seçili ögenin text’ini basitçe label’lara atayacağım.

Örneğe geçmeden önce Sharepoint listesi için excel’de basit bir Eğitim tablosu oluşturuyorum.

Tabloyu oluşturduktan sonra Home sekmesi altında yer alan “Format as Table” ile tablo formatına getirmeyi unutmayınız. Aksi halde tablolara erişim sağlayamazsınız.

Bu tabloyu sharepoint listesi olarak alıyorum.

Şimdi veri kaynağında listemi hazırladığıma göre Power App’e gidip Canvas app açabilirim.

Power Apps > Create > Canvas App

Power Apps Studio’da insert (+) ile birer tane label (lbl_manuel) ve radyo düğmesi (rb_manuel) ekliyorum.

Label’ın metnine radyo düğmesinin seçtiğim ögesinin adının basılması için label’ın “Text” özelliğine aşağıda gösterilen formülü yazdım.

Text(rb_manuel.SelectedText.Value)

Şimdi manuel olarak exceldeki listeyi yazdırmak için Radio Button’ın “Items” özelliğine aşağıda gösterilen formatta liste metnini yazıyorum.

[
“Mobile”,
“Business Application”,

“Game”
]

Görmeyi planladığım şey tam olarak aşağıdaki resimdeki gibi. Manuel olarak oluşturduğum radio button listesinde seçtiğim nesneyi yandaki label’ın textinde görüyorum.

Manuel olarak radyo düğme ile listeyi oluşturduktan sonra şimdi sıra sharepoint listesinden çektiğimiz verileri radyo butona bağlamada..

1.adım olarak Data kısmına sharepointonline’ı bağlıyoruz ve ilgili listeyi seçiyoruz.

2.adım insert ile eklediğim radio button’ın Items özelliği seçiliyken formül çubuğuna aşağıdaki formülü yazıyorum. Böylece 3 tane ayrı ayrı radyo düğmesi atıp isim vermek yerine tek bir düğmeye listeyi atamış oluyorum. (Radio Button Sample excel tablosunun adı)

Distinct(RadioButtonSample,Title)

Sharepoint list kullanarak hazırladığım radio button’ın seçili değerini de ilgili label’a atıyorum.

Radio Control’ün sık kullanılan diğer özelliklerinden bahsedeyim;

Default: Sayfa ilk açıldığında, kullanıcı değiştirmeden sabit gelen değer.

Layout: Listenin yatay veya dikey konumlanmasını sağlar. Aşağıda gözüktüğü gibi benim oluşturduğu liste dikey konumda.

Vertical yerine horzontal seçtiğimde, yani formül çubuğuna aşağıdaki ifadeyi yazdığımda;

Layout.Horizontal

Selected: Listede kullanıcının seçtiği değeri gösterir.

Diğer özellikler için şurayı kullanabilirsiniz.

Radio button veya diğer kontrollere manul olarak değer atamak çoğunlukla gerçek hayat uygulamalarında işe yaramaz, bu veriler çok büyük oranda veri kaynaklarından gelir. Veri kaynağındaki değişiklik bağlantı yenilendiğinde otomatik olarak uygulamaya da yansır, böylece elle düzeltme yapmaya gerek kalmaz. Mesela firma Game Development eğitimi vermekten vazgeçtiğinde sharepointonline’daki listeden Game’i kaldırmak yeterlidir. Gerisi bağlantının refresh edilmesiyle Power Apps tarafından otomatik olarak kaldırılacaktır. Bu sebeple kontrollere verilerin nasıl bağlandığını bilmek, o kontrolün özelliklerine hakim olmak kadar önemlidir.

Umarım faydalı bir yazı olmuştur.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s