‍

Uygulamalarda belirli aksiyonları tetiklemek, kullanıcıyı farklı bir sayfaya yönlendirmek veya form gönderimi yapmak için kullanılır.

Kullanım Alanları:

• Ödeme işlemlerini başlatma,
• Form gönderme,
• Sayfa geçişleri,
• API çağrısı tetikleme vb.

Yalnızca web uygulamalarında desteklenir.

Rezervasyon Onaylama Kullanım Senaryosu

Bir tatil rezervasyonu uygulamasında, kullanıcı ödeme adımına geldiğinde “Rezervasyonu Onayla” butonuna tıklar. Bu buton, veritabanına kayıt atarak rezervasyonun onaylanmasını sağlar.

Veri Kaynağı Bağlama

• Datasources modülüne gidin.
• Ardından Tables başlığı yanındaki + ikonuna tıklayın ve tabloya “ReservationData” ismini verin.
• Aşağıdaki tabloyu oluşturun:

SQL Action Oluşturma

• Ardından SQL Actions bölümüne gidin ve aksiyona “ReservationData” ismini verin. C# ile de oluşturabilirsiniz.
• Aşağıdaki SQL komutunu girin:

SELECT 101 AS Id,        'john.smith' AS UserName,        'Confirmed' AS StatusUNION ALLSELECT 102, 'emma.jones', 'Pending'UNION ALLSELECT 103, 'michael.brown', 'Confirmed';

‍

UI Design Modülü İşlemleri

1. UI Design modülünde, Navigation kategorisinden Button elementini ekleyin.
2. Add Action → OnClick → Managed DB → ReservationData aksiyonunu seçin.
3. Properties panelinden aşağıdaki ayarları yapılandırın:
   
   • Label → Rezervasyonu Onayla
   • Icon → check-circle
   • Icon Position → Left

Özelliklerin Senaryo Bağlamında Kullanılması

Label

• Açıklama: Buton üzerindeki metni belirler.
• Nasıl Kullanılır: Kullanıcıya işlemi açıkça anlatan kısa bir metin yazılır.
• Örnek: “Rezervasyonu Onayla”

Icon

• Açıklama: Butona görsel bir simge ekler.
• Nasıl Kullanılır: İşlevi destekleyen bir ikon seçilir.
• Örnek: check-circle → ✅ işareti

Icon Position

• Açıklama: İkonun metne göre konumunu ayarlar.
• Nasıl Kullanılır: Left seçildiğinde ikon metnin solunda görünür.
• Örnek:  Rezervasyonu Onayla

Senaryo Tamamlandığında

• Kullanıcı ekranda “Rezervasyonu Onayla” butonunu görür.
• Butonun solunda ✅ onay ikonu bulunur.
• Kullanıcı tıkladığında ReservationData aksiyonu çalışır ve rezervasyon bilgisi veritabanına kaydedilir.

Kısıtlamalar

• Button elementi yalnızca web uygulamalarında çalışır.
• Çok fazla aksiyon aynı butona bağlanırsa performans düşebilir.

İpuçları ve Best Practices

Etiketler eylem odaklı olmalı: “Kaydet”, “Gönder”, “Devam Et”.

• İkon kullanımı işlevi pekiştirir (✔ onay, ✖ iptal).
• Kritik işlemlerde OnClick → Confirmation popup eklenmelidir.
• Tema renkleriyle uyumlu buton stilleri tercih edilmelidir.