/

Panel elementi, kullanıcı arayüzünde içerikleri düzenli biçimde gruplandırmak, ayırmak ve belirgin hale getirmek için kullanılan temel bir layout elementidir. Sayfa içinde belirli bir alan oluşturarak kullanıcıların bilgi bloklarına odaklanmasını sağlar. Bu elementin kullanımını Toptancı Dağıtım Durumu Kartları Oluşturma senaryosu üzerinden inceleyeceğiz.

Başlamak için OrderStatusColor ve OrderStatusPanel adında iki tablo oluşturun ve her ikisini de ekrandaki gibi doldurun. Ardından Actions alanından New SQL Action ile InsertOrderStatusPanel aksiyonunu yazın; tablo adının önüne "dbo." ekleyin, test edip kaydedin. Verileri sağlayan GetOrderStatusPanel aksiyonunu da aynı adımlarla oluşturun.

UI Design modülüne geçin ve GetOrderStatusPanel aksiyonunu sayfaya Initial Action olarak ekleyin. Sayfaya bir Gallery View elementi sürükleyin ve içine bir Row elementi bırakın; Desktop alanından tek sütun olarak ayarlayın. Row içine bir Panel elementi ekleyin, içine Vertical Stack yerleştirin ve Styling Layout alanından ortalayın. Vertical Stack içine Label elementine beş kez tıklayarak alt alta beş Label oluşturun.

Sayfada boş bir alana tıklayın ve Initial Action ile aksiyonu tekrar sayfaya bağlayın. Breadcrumb ile Gallery View elementini seçin ve DataSource alanından aksiyonu bağlayın. Dynamic Background Color ve Dynamic Font Color alanlarını doldurun. Styling Border alanından Radius değerini 50 olarak ayarlayın. Label elementlerinin Value alanlarını sırasıyla Status, OrderCode, CustomerName, Description ve LastUpdate olarak tanımlayın.

Bu yapı sayesinde her panel, sipariş durumuna göre dinamik arka plan rengi, yazı rengi ve bilgi alanlarıyla otomatik olarak biçimlenir. Yolda, Hazırlanıyor, Teslim Edildi, İptal Edildi ve Bekliyor gibi durumlar görsel olarak kolayca ayırt edilerek kullanıcıya okunabilir bir dağıtım takip ekranı sunulur.