2.TEMPLATE

2.1 Dashboard Şablonları

Dashboard: Hazır Header yapısı bulunmaktadır. Kalan alanda 1 Row ve bir Table elementi bulunmaktadır. Row içerisinde iki kolon yapısı bulunmaktadır. Kolon yapısı içerisinde Bar Chart ve Donut Chart yapısının ve bir tablonun bulunduğu şablondur.

Card and List: Hazır Header yapısı bulunmaktadır. Kalan alanda 1 Row ve 1 Table elementi yer almaktadır. Row elementinin yapısı 1 kolondan oluşmaktadır.

Two Col: Hazır Header yapısı bulunmaktadır. Kalan alan iki kolondan oluşmaktadır. Birinci kolonda tablo elementi yer alırken ikinci kolon iki Row'dan oluşmuştur. İlk Row'da Bar Chart elementi yer almaktadır. İkinci row'da ise donut chart elementi yer almaktadır.

Three Col : Hazır Header yapısı bulunmaktadır. Kalan alanda 1 Row ve bir Tablo elementi bulunmaktadır. Row içerisinde üç kolon yapısı bulunmaktadır.

Screen name: Oluşturulan ekranın isimlendirildiği alandır. Ardından CREATE butonuna tıklayarak ekran oluşturulur.

2.2 Form Şablonları

Single Column: Form yapısı tek kolondan oluşmaktadır.

Two Columns: Form yapısı iki kolondan oluşmaktadır.

Image Gallery: Form yapısı iki kolondan oluşmaktadır. İkinci kolon yapısında Image Gallery elementi yer almaktadır.

Location Picker: Form yapısı iki kolondan oluşmaktadır. İkinci kolon yapısında Google Maps elementi yer almaktadır.

Screen name: Oluşturulan ekranın isimlendirildiği alandır. Ardından CREATE butonuna tıklayarak ekran oluşturulur.

2.3 Liste Şablonları

Two Columns: Form yapısı iki kolondan oluşmaktadır. Birinci kolon yapısı tablodan oluşmaktadır.

Detailed : Form yapısı tablo, search ve selectbox elementinden oluşmaktadır.

Detailed and Search: Form yapısı tablo, ve selectbox elementinden oluşmaktadır.

Detailed with Location Picker: Form yapısı tablo ve Google Maps elementinden oluşmaktadır.

Screen name: Oluşturulan ekranın isimlendirildiği alandır. Ardından CREATE butonuna tıklayarak ekran oluşturulur.

2.4 Authentication templates

Kuika'da Authentication ekran şablonlarını öğrenin.

Kuika, uygulama geliştirme sürecini hızlandırmak için çeşitli ekran şablon türlerini sunmaktadır. Uygulama geliştirme sürecinde şablon ekranları, uygulamanın ihtiyacına uygun olarak kullanabilirsiniz. Kullanabileceğin şablon ekran türlerinden biri de Authentication ekranlarıdır.

Şablon Authentication Ekranı Ekleme:

Geliştirdiğiniz uygulamaya Authentication ekran şablonu ekleyebilir, düzenleme ve güncelleme işlemlerini yapabilirsiniz.

Authentication Ekranı şablonu eklemek için şu adımları izleyin:

  1. Authentication ekran şablonu eklemek için sol kenardan Screens (Ekranlar) panelini açın.
  2. Açılan Screens panelinde yer alan +New Screen ikonuna tıklayın.
  3. Açılan pop-up sol menüde Authentication öğesine tıklayın.

Şablon Authentication Ekranları:

Authentication ekran şablonları çeşitli tiplerde bulunmaktadır. Bu noktada geliştirmekte olduğun uygulamaya uygun Authentication ekranı tipini seçebilirsiniz.

Uygulamanın ihtiyacına uygun olarak Authentication ekran şablonlarını ve tüm elementleri düzenleyebilirsiniz.

Authentication ekranları varsayılan metin içerikleri ile birlikte gelmektedir. Metin içeriklerinde güncelleme ve düzenlemeleri uygulaman özelinde gerçekleştirebilirsiniz.

  1. Progressive user: Kullanıcı listesinin yer aldığı hazır bir şablonlar sunulmuştur.
  2. Reset Password: Reset password hazır şablonlar sunulmuştur.
  3. Sign In: Sign In hazır şablonlar sunulmuştur.
  4. Sign Up: Sign Up hazır şablonlar sunulmuştur.
  5. User Template: Kullanıcı için gerekli olabilecek bilgilerin alınabileceği bir şablonlar sunulmuştur.
  6. Verification Code: Reset password işleminde Verification Code’un alınabileceği bir şablonlar sunulmuştur.
  7. Screen name: Oluşturulan ekranın isimlendirildiği alandır. Ardından CREATE butonuna tıklayarak ekran oluşturulur.

2.5 Screen Group

Grid Card with Search: Grid kart yapısının ve search’ın yer aldığı şablonlardır.

Personal Grid Card with Search: Kişisel Grid Kart yapısının ve search’ın yer aldığı şablonlardır.

Screen name: Oluşturulan ekranın isimlendirildiği alandır. Ardından CREATE butonuna tıklayarak ekran oluşturulur.