Calendar
Calendar elementinin işlevine göz atın.
Geliştirdiğiniz uygulamada etkinliklerin takvim içinde gösterilmesini ve yenilerinin eklenmesini sağlayabilirsiniz.
Calendar elementi ile zamanı dilimlere bölerek işler atayabilir, başlangıç ve bitiş tarihi belli etkinlikler ekleyebilir, günlük planlamalar yapabilirsiniz.
Calendar elementini ekleyebilmek için uygulama içerisinde Elements panelinden Calendar elementini sürükle bırak ile ekrana ekleyin.
1.Calendar Elementinin Eklenmesi
Calendar elementini ekleyebilmek için aşağıdaki adımları izleyin.
Display kategorisinden Calendar (takvim) elementini ekrana sürükleyin ve bırakın.
Calendar elementini Properties paneli içerisinden özelleştirebilirsiniz.
Calendar, sadece web uygulamaları desteklemektedir. Mobil uygulamaları desteklememektedir.
2. Calendar Elementinin Properties Paneli
Calendar elementi seçildiğinde, Properties panelinde Options,Calendar start, Accordion, Calendar end,Current day, Authorization (Yetkilendirme), Visibility (Görünürlük) ve Actions parametreleri görüntülenir.
2.1.Options
Eklenen sistem aksiyonuna ve bağlanan tablo içeriklerine göre şekillenen opsiyonlardır.
Calendar elementinde bulunan Event Title içerikleri Options alanındaki parametrelerden gelir.
Action: Bu alana calendar elementine gelecek eventleri alacak aksiyon eklenir.
Event Id Field: Event (Etkinlik) Id’sinin seçildiği parametredir.
Event Title: Calendar elementi üzerinde etkinlik isimi olarak görünecek kolonun seçildiği parametredir.
Start Date: Etkinliklerin başlangıç tarihinin çekildiği kolon parametresidir.
End Date: Etkinliklerin bitiş tarihinin çekildiği parametredir.
Event Color Hex: Etkinliklerin Calendar elementi üzerinden hangi renkte görüntüleneceğinin seçildiği alandır.
2.2. Calendar Start
Calendar elementinde görüntülenecek başlangıç tarih ayarlarının yapıldığı alandır.
2.3. Calendar End
Calendar elementinde görüntülenecek bitiş tarih ayarlarının yapıldığı alandır.
2.4. Current Day
Calendar elementinde seçili olan günün görüntülendiği alandır.
Calendar elementi için yetkilendirme seçeneklerini kullanabilirsiniz.
Elementlerde Authorization ekleme işlemlerini detaylı incelemek için tıklayın.
Kullanıcı rollerine göre veya ekran rollerine göre Authorization işlemlerini detaylı incelemek için tıklayın.
Elementler de visibility yani görünürlük, belirli bir durumda görünürlük veya erişilebilirliğini düzenlemenizi sağlar. Elementin görünür olduğunu kontrol etmek için kullanılan bir özelliktir. Bu özellik genellikle uygulama tasarımında veya işlevselliğinde kullanılır.
Calendar elementi için her zaman görünür olmasını, gizli olmasını veya bir koşula bağlı olarak görünüp gizlenmesini visibility seçeneklerini kullanabilirsiniz.
Elementlerde Visibility ekleme ile ilgili detaylı bilgi edinmek için tıklayın.
Seçimler doğrultusunda Calendar görünürlüğü ayarlanmış olacaktır.
Kuika, Arithmetic, Authorization, Condition, Device, Export, GeoLocation, Local Storage, Multi Language, Navigation , Notification, Payment Stripe, UI Control, Trigger , Process Automation, Process Administration ve String Operations gibi sistem aksiyonlarını barındırmaktadır.
Sistem aksiyonlarının yanı sıra kendi oluşturduğunuz SQL aksiyonları da kullanabilirsiniz.
Calendar elementine ekleyebileceğiniz aksiyonları +Add Action ile ekleyebilirsiniz.
3.Calendar Elementinde Styling Paneli
Styling paneli içerisinden Calendar elementinin Layout (Düzen), Text (Metin), Border (Kenarlık), Fill (Dolgu rengi) veya Shadow (Gölge) düzenlemelerini yapabilirsiniz. Bu özellikler doğrultusunda Calendar elementinin stilini özelleştirebilirsiniz.
Çevresel iç boşluklar (Padding) ve boyutlandırma (Size) gibi görsel düzenlemeleri yapabilirsiniz. Calendar (Takvim) elementinin boyutuna bağlı olarak içerisinde bulunan elementlerin hizalamasını yapabilirsiniz.
Calendar (Takvim) elementi Size, Min size, Max size, Align ve Display alanlarını desteklemektedir.
Elementlerde Layout ekleme ile ilgili detaylı bilgi edinmek için tıklayın.
Calendar elementi, Yazı Ailesi (Family), Stil (Style), Renk/Boyut (Size/Color), Aralık (Spacing) ve Options (seçenekler) gibi özellikleri Text bölümü ile ayarlayabilirsiniz. Calendar elementi Text’in bütün özelliklerini desteklemektedir.
Elementlerde Text ayarları ekleme ile ilgili detaylı bilgi edinmek için tıklayın.
Calendar elementinin arka planına (Background) renk veya görseli Fill (Dolgu) ile ekleyebilirsiniz.
Elementlere Fill (Dolgu) ekleme ile ilgili detaylı bilgi edinmek için tıklayın.
Calendar elementinin dış kenarlarına kenarlık (Border) ekleyebilir, köşe eğimleri (Radius) verebilirsiniz.
Elementlere Border (Kenarlık) ekleme ile ilgili detaylı bilgi edinmek için tıklayın.
Web uygulamalar içerisinde Calendar elementine Shadow (Gölge) ile gölge efekti ekleyebilirsiniz. Mobil uygulamalarda Shadow kullanılmamaktadır.
Elementlere Shadow (Gölge) ekleme ile ilgili detaylı bilgi edinmek için tıklayın.
4. Calendar elementine veri kaynağı bağlayın
Calendar elementine Datasources görünüm modu ile veri tablosu veya Rest API üzerinden veri çekebilirsiniz.
Veri çekme işlemleri için ilk olarak Properties (Özellikler) paneli üzerinden +Add Action →OnClick → ManagedDB → GetCalendarEvents sistem aksiyonunu ekleyin.
Ardından Calendar elementinin Properties panelinden Options parametrelerini doldurarak veri kaynağı bağlama işlemlerini tamamlayın.
Last updated