Page Designer: Ekran Düzenleyici


Workcube'de ekranlar Page Designer ekranı ile yeniden düzenlenebilir. Düzenleme işlemi yöneticiler tarafından yapılır. Ekranda yer alan tüm elementlerin (form elemanları input, selectbox gibi) yeri değiştirilebilir, kaldırılabilir, zorunlu alan olarak düzenlenebilir. 


Yol: Kontrol Paneli > System > Page Designer


Tavsiye: Pozisyon tiplerine göre yetki verilebilir. Mobil ekranlar için kaldırılabilir.

Tüm sayfalar, kontrol panelinden System'in altında bulunan page designer'a (ekran düzenleyicisine) tıklandığında sayfa Page Designer "event" bazında çalışır. Örneğin; Fatura Listesi, Ekleme ve Güncelleme sayfaları Fatura iş objesinin (WBO)  event'leridir. Bu üç sayfa için ayrı ayrı düzenleme yapılabilir. 



Page Designer

Not: Workcube ekranları responsive özelliğe sahiptir ve Bootstrap css framwork'ü üzerinde çalışır. Ekranda satırlar ve kolonlar vardır. Her bir sayfa Bootstrap'da yatay olarak 12 eşit genişliğe bölünür. Kolonlar toplam 12 birim genişlik kadar olabilir. Örneğin; yukarıdaki sayfa 3-3-3-3=12 olmak üzere 4 kolona bölünmüştür.


  1. Bu bölümde page designer'a verilen isim görülür. Sözlüğe alınarak arayüz farklı dillere çevrilebilir. Örneğin; Page Designer Invoice: List
  2. Örneğin; Yukarıdaki görselde, Satın alma talepleri ekranında açılan Page Designer ekranını görmekteyiz buna göre search form butonuna tıklanınca listeleme ekranında daha fazlasına tıklanınca açılan alanının düzeni görülür. List Columns butonu ile listeleme tablosunun düzeni görülür.
  3. Bu alanda page designer ekranını sadece mobil, sadece masaüstü veya tümü seçenekleri ile düzenleme ekranının görülmesi istenilen alanlar belirlenir. Page type seçimlerinden Accordion seçimi yapılırsa sayfa düzeninin de bölünen kolonlar seperatör şeklinde görülür. Başlık adı verildiğinde gizle/göster fonksiyonu eklenerek ilgili satırı açıp kapatabilirsiniz.
  4. Bu alanda soldan sağa olmak üzere ilk buton ile satır eklenir. İkinci buton ile eklenen satır silinir. Üçüncü buton ile kolan eklenir. Dördüncü ile de eklenen kolon silinir.
  5. Ekran düzeni (Page Designer) görülür. Yetki verilen rol-pozisyona sahip çalışan kolonları ve satırları sürükleyerek yeni düzenlemeler sağlanabilir. 
    Dikkat: Rol-Pozisyonlara yetkinlik verme, satırların yanında bulunan ayarlar butonuna tıklanınca pozisyon listesi gelir. Seçimler yapıldıktan sonra kaydet işlemi yapılır ve ilgili pozisyon değişiklik yapabilme yetkisine sahip olur.
  6. "Varsayılan Dön" butonuna basıldığında sayfa orijinal haline geri döner. "Kaydet" butonu yapılan değişklikleri kaydeder ve sayfayı yeniden düzenler. Tüm şirketler için yapılan bir düzen ise "Tüm Şirketler" kutucuğu işaretlenir.



Page Designer - Basket Yapısı

Page designer ekranında ilgili sayfanın düzenleri liste ekranı, yeni kayıt ekranı ve basket yapısı olarak ayrılır. Basket yapısı düzeninde; 

  • Basket kolonunda hangi alanların görüntülenmesi isteniyor ise seçim yapılır.
  • Basket versiyonu,
  • İlgili baskette kullanılacak popup'nın numarası,
  • Satır sayısı belirlenir.
  • Seçilen alanın zorunlu alan olup olmadığı belirlenir.
  • Mobilde Gizle seçeneği ile mobil kullanımında, gösterilip gösterilmeyeceğine karar verilir.


Not: Her sayfanın basket düzeninde farklı ayarlar olabilir. Örneğin; Ürünler ekranında ekstra olarak satırda ürün adı değiştirilsin/değiştirilemesin seçeneği mevcuttur.

Geri Bildirim

Bu içeriği faydalı buldunuz mu?
İlişkili İçerikler