Kullanım Senaryosu: Satın Alma İşlemi Sonrası Yönlendirme 

Senaryo: Kullanıcı bir ürün siparişi oluşturur. İşlem tamamlandığında, bir teşekkür mesajı içeren modal ekran açılır.

Yapılandırma Adımları:

1. UI Design modülünde Button elementi eklenir → “Satın Al” etiketi verilir.
2. +ADD ACTION → OnClick → Navigate seçilir.
3. To Screen: ThankYouPage
4. Open As: Modal
5. Width / Height: "500px" / "300px"
6. Closable: true
7. Execute Page Init Actions After Closed: false

Kullanıcı, modal ekran kapandığında mevcut listede kalır. Ekstra bir yönlendirme istenirse ikinci bir Navigate aksiyonu tanımlanabilir.

Navigate Aksiyonunun Yapılandırılması

Gerekli Parametreler

• To Screen (String):Yönlendirme yapılacak hedef ekranın adıdır.  Örnek: "ThankYouPage"
• Open As: Ekranın nasıl açılacağını belirtir. Aşağıdaki seçeneklerden biri seçilmelidir:
  
  • Current Page:Hedef ekran mevcut tarayıcı penceresinde veya uygulama içinde açık olan sayfanın yerini alarak yüklenir. Yani sayfa tamamen değişir.
  • New Tab: Hedef ekran, yeni bir tarayıcı sekmesinde açılır. Kullanıcı mevcut sayfayı kapatmadan yeni sayfayı ayrı bir sekmede görüntüler.
  • Drawer: Hedef ekran, uygulama içinde ekranın yan tarafından kayan bir panel şeklinde açılır. Genellikle yan menü veya ek seçenekler için kullanılır.
  • Modal: Hedef ekran, mevcut ekranın üzerine kayan, odaklanmayı sağlayan açılır pencere (popup) olarak gösterilir. Kullanıcı modal kapatmadan ana ekranla etkileşimde bulunamaz.
  • Float Panel: Hedef ekran, sayfa üzerinde serbestçe hareket eden ve genellikle kullanıcı tarafından taşınabilen küçük bir pencere şeklinde açılır. Modal’a benzer, ancak daha esnek bir görünüm sağlar.
    
    • HideCloseButton: Bu özellik aktif edildiğinde, Float Panel üzerinde yer alan kapatma (X) butonu gizlenir. Böylece panelin kapanma davranışı tamamen geliştiricinin belirleyeceği aksiyonlara bırakılabilir (örneğin bir buton veya dış alan tıklaması ile).

Opsiyonel Parametreler

• Placement (String): Drawer ekranın hangi yönden açılacağını belirtir. Örnek: "Right"
• Width (String): Drawer veya modal pencerenin genişliğini belirler. Örnek: "400px" veya "80%"
• Height (String): Drawer veya modal pencerenin yüksekliğini belirler. Örnek: "300px" veya "90%"
• Closable (Boolean): Modal pencerenin kullanıcı tarafından kapatılıp kapatılamayacağını belirler. Örnek: true
• Execute Page Init Actions After Closed (Boolean): Navigate ile açılan sayfa kapatıldığında, yönlendirilen sayfanın başlangıç (init) aksiyonlarının çalıştırılıp çalıştırılmayacağını belirler.
  
  • true: Sayfa kapandıktan sonra init aksiyonları çalıştırılır.
  • false: Sayfa kapandıktan sonra hiçbir init aksiyonu çalıştırılmaz.
  • Bu parametre false ise, "Disable Smart Execute Page Init" ayarının bir etkisi olmaz.
• Disable Smart Execute Page Init (Boolean): Execute Page Init Actions After Closed = true ise geçerlidir.
  
  • false: Yalnızca yönlendirilen sayfada bir backend isteği yapılmadıysa geri dönüldüğünde init çalışmaz.
  • true: Yönlendirilen sayfada backend isteği yapılmış olsun veya olmasın, geri dönüldüğünde init aksiyonu her durumda çalışır.
  • Bu ayar, sadece Execute Page Init Actions After Closed = true olduğunda anlamlıdır.

Tüm parametreler; Action Result, Method Input, Current, Screen Input, Fixed veya Component kaynaklarından alınabilir. Bu kaynaklara Symbol Picker üzerinden erişilerek bağlama yapılabilir.