Droptables belgeleri

 

Giriş

Droptables, Joomla'daki HTML tablolarını elektronik tablo benzeri bir arayüzle yönetmek için kullanılan bir Joomla uzantısıdır.

Droptables tablo yayılma

Ana Özellikler:

  • Bir e-tabloda olduğu gibi tabloları yönet
  • 6 temalar dahil
  • Tamamen herhangi bir düzenleyiciden yönetildi
  • Excel ve Google Sayfaları senkronizasyonu
  • AJAX otomatik kaydetme
  • Ön uçtaki sıralanabilir veriler
  • Hücre, çizgi, sütun stil editörü
  • Drag'n drop ile hücreyi kopyala
  • Tek bir tıklamayla tüm tabloyu kopyalayın
  • HTML hücreleri formatı
  • Gelişmiş CSS kod editörü

 

I. DROPTABLES KURULUM

1.1 Kurulum

Bileşenimiz Joomla 3.x uyumludur. Tüm özellikler ve 3. parti entegrasyonları tüm üyelere dahil edilmiştir.
Bileşenimizi kurabilmek için .zip uzantılı dosyayı indirip standart Joomla installer programını kullanmalısınız.

Joomla-install

 

Sonra Gözat> Yükle ve Yükle düğmesine tıklayın, bileşen, modüller ve eklentiler varsayılan olarak etkinleştirilmiş olarak yüklenir.

 

1.2 Güncelleme ve otomatik güncelleyici

Uzantıyı güncellemek için, ZIP dosyasını JoomUnited veya otomatik güncelleyiciyi kullan (Tavsiye edilen).

Droptable güncelleme

Güncelleme bildirimini zorlayan otomatik güncelleyici, yüklediğiniz Joomla uzantısına katıştırılmıştır. Böylece gösterge panelindeki diğer uzantılar gibi veya menüyü kullanarak size bildirim gönderilir: Uzantı> Yönet> Güncelle menüsü.

Güncellemek için hesabınıza giriş yapın

JoomUnited Joomla eklentilerinin tümünü güncellemek için JoomUnited hesabına giriş yapman gerekiyor. Oturum açmaya erişmek için bileşenin ana konfigürasyonuna tıklayın ve ardından Canlı güncelleme sekmesi. Alt kısımda bir giriş butonu bulacaksınız.

canlı güncelleştirme

 

JoomUnited kimlik bilgilerinizi, burada oturum açmak için kullandığınız şekilde girin @ www.joomunited.com

-Giriş joomunited

 

Düğme turuncuya dönecek, tebrikler! şimdi bu web sitesindeki tüm JoomUnited eklentilerini güncelleyebilirsiniz! Üyeliğinizin süresi dolduysa, bir yenileme bağlantısı ve bunu açıklayan bir metin alırsınız.

Hesap bağlı

Not: Tek bir giriş, tüm JoomUnited uzantılarını (üyeliğinizle ilgili) güncellemenize izin verecektir. Bağlantınız kesilmediği sürece oturum açma süresi dolmaz.

II. YÖNETİM TABLOLARI

2.1 Makale veya bileşenden tabloları yönet

Droptables kurulduğunda, bir bileşen girişine sahipsiniz menü Bileşenleri> Droptables ve bir editör düğmesi Bu editörünüzün altında gösterilir. Ana Droptables görünümünü açmak için üzerine tıklayın.

droptables-editör

 

Tablo yöneticisi arayüzü, editörden bir lightbox'ta açılır:

droptables-lightbox açık

 

Editörünüze bir tablo eklemek istediğinizde, sağ üstteki düğmeyi kullanın. Bu tabloyu ekle makalene koymak için. Ardından, tablo gri bir alan ve bir Excel benzeri simge ile gerçekleştirilecektir.

Tablo-içinde-düzenleyici

 

Alana ve ardından Droptables düğmesine tekrar basarsanız daha önce eklenmiş olan tablo yüklenecektir.

 

2.2 Tabloları ve kategorileri yönetme

Tablolar kategorilere ayrılır. Kategoriler içinde istediğiniz kadar tablo olabilir. Bir tablo kategorisi oluşturmak için tıklayın Yeni masa kategorisi üst merkezde. Yeni bir tablo oluşturmak için sadece tıklayın Tablo oluştur

Tablo kategoriler

 

Not: Varsayılan bir kategori ve tablo, bileşen kurulumu sırasında zaten oluşturulmuştur. Sürükle bırak özelliğini kullanarak tabloları ve tablo kategorilerini taşıyabilirsiniz.

sofra hareket

 

Farenizi üzerine koyarak kategori yönetilebilir, adı düzenleyebilir, tabloyu kopyalayabilir veya silebilirsiniz.

Tablo ismi

 

2.3 Tablo baskısı

Tablolara veri eklemek için, bir tablodaki gibi davranmanız gerekir. Bir hücreye çift tıklamak, içeriği güncelleme, bir hücreyi / hücreleri seçmek için tek bir tıklama (ve örneğin stil uygulamak) imkanı sağlar.

düzenlemek hücreli

Çizgi veya sütun eklemek için tablo kenarındaki + işaretine tıklayın:

eklenti hat-tablo

 

Veya sağ klik kullanın.

Sağ clic-eklenti

 

Hücreleri kopyalamak için CTRL + C / CTRL + V tuşlarını kullanabilir veya farenizi hücrenin sağ alt köşesine yerleştirebilir ve istediğiniz yöne getirebilirsiniz.

Kopya hücreli

 

Not: Tüm değişiklikler anında sağ üstte bir mesajla otomatik olarak kaydedilir. Bu özelliği dana sayfare dışı bırakmak için bir seçeneğiniz var. Droptables> Seçenekler

save-tablo

 

 

Sağ tıklama menüsünden, sayfayı yeniden yüklediğinizden bu yana yapılan en son değişiklikleri geri alabilirsiniz. Droptables, yaptığınız değişikliklerin bir yedeğini tutar ve onu geri yükleyebilir.

geri-aksiyon

Hücreler de birleştirilebilir. 2 hücre veya daha fazla seçin, ardından sağ tıklayın. Bir menü birleştirme yapmanızı sağlar.

 

2.4 Gelişmiş içerik baskısı

Kısa süre önce edition arayüzüne yeni bir özellik ekledik. Artık her bir hücrenin içine bir WYSIWYG editörü ile HTML içeriği ekleyebilirsiniz. Bir hücre seç sağ kısımda, Format> HTML sekmesine gidin

html hücreli

 

Şimdi hücreyi düzenlediğinizde, içinde HTML editörünüz olacak. Ayrıca tüm editör içeriği düğmesini de içeriyor, burada örneğin resim düğmesini kullandım. Mana sayfacut editör düğmeleri bir seçenek olarak yapılandırılabilir.

editör düğmeli

 

 

2.5 Excel ve elektronik tablo alma / verme

 

Droptables içindeki elektronik tabloları özel aracımızı kullanarak içe ve dışa aktarabilirsiniz. Yapılandırmadan etkinleştirilmesi gerekir: Bileşenler> Droptables> Seçenekler

excel-ithalat

 

Tablolar Excel'den veya Open Office'ten içe aktarılabilir. Format otomatik olarak algılanacak ve içe aktarılacaktır. Yalnızca ilk Excel sayfasının içe aktarılacağını unutmayın. Dışa aktarma Excel 2003 veya 2007 formatında yapılabilir.

Excel - sac-ithalat-ihracat

 

Ayrıca, içe veya dışa aktarabilirsiniz. yalnızca tablo verileri veya Tablo verileri + stilleri. Yalnızca içe aktarma verileri, içe aktarmadaki düzeninizi korumak için oldukça kullanışlıdır.

 

III. TABLOLARI ŞEKİLLENDİRME

3.1 Biçimi

Format sekmesi, ekranınızın sağında varsayılan olarak bulunur. Farklı şekillendirme parametreleri içerir.

 

Tablo format

  • Hücre tipi: varsayılan veya HTML (düzenleyiciyle). Varsayılan tür, HTML benzeri görüntüler ekleyerek resimlerle HTML yapmanıza olanak tanır.
  • Hücre arka planı Elbette arka plan rengini tanımlama hakkında
  • Kenarlık ve yazı tipi seçenekleri tekli veya çoklu hücrelere uygulanabilir
  • Satır ve sütun genişliği / yüksekliği piksel cinsinden tanımlanabilir. Tabloda herhangi bir yerde sütun veya satır seçin ve boyutunu doğrulayın.

satır-sütun boyutlu

Hücre faresi vurgusu üzerinde bir araç ipucu da mana sayfacuttur (bileşen seçeneklerinden etkinleştirilmesi gerekir). Araç ipucu düğmesine tıkladığınızda, ön uçtaki hücre faresi vurgusundaki görünür içeriği düzenleyebilirsiniz.

Tablo hücreli ipucu

 

3.2 Tema ve sıralama seçenekleri

 

Tablo sekmesinde, hala sağ kısımda, küçük resim tema seçiciniz var. Uygulamak için bir temayı tıklamanız yeterli. Temaları yeni tablolara uygulamanızı önemle tavsiye ediyoruz, o zaman verileri değiştirmek gerçekten daha kolay.

tema seçmeli

Tablonuzda zaten bir veri varsa ve bir tema uyguladığınızda, tüm veriler kaldırılır. Yeni bir masaya bir tema uygularsanız, örnek veri ve stil eklenir ve düzenlenebilir.

 

Hala tablo sağ sütun sekmesinde, 2 kare parametresi alternatif satırların rengini (satır1, satır2, satır1, satır2 ...) tanımlamak için burada

iki kare

 

Sıralanabilir parametre, AJAX verilerini ön uçta sıralamanızı sağlar. Filtre aracını etkinleştirirseniz, veri sıralama aracının varsayılan olarak etkin olacağını unutmayın.

sıralanabilir-ve-filtre tablo

 

  • Sıralanabilir masa kullanın: ana sayfaet Hayır
  • Tabloyu hizala: Merkezi / Sağ / Sol / Yok
  • Duyarlı Tip: Kaydırma / Gizleme Sütunları
  • Filtreleri etkinleştir: ana sayfaet Hayır
  • Sayfalamayı etkinleştir: ana sayfaet Hayır
  • Sayfa başına sayı satırları: 10, 20, ...
  • Varsayılan olarak bir sütunu sırala: A, B veya C sütunlarını seçin, ...
  • Varsayılan olarak bir sütunu sırala: ASC / DESC

Veri filtresi ve ön uçtaki sıralama

veri filtresi

Tablo hizalaması, tüm tabloyu içeren div'i hizalamak üzeredir, örneğin tüm tabloyu ortalar. Sütun ve çizgi dondurma seçenekleri seçimi dondurur ve gerisinde bir kaydırma sağlar.

hat dondurma

 

Tablolarımı duyarlı hale getirin veya kaydırma küçük cihazlarda mı kullanılsın?

Droptables, duyarlı tasarımı isteğe bağlı olarak öncelikli bir araçla yönetir. Varsayılan olarak, duyarlı özellik dana sayfare dışı, bir taşma olacaktır (cadı mobilde harika çalışıyor).

duyarlı mod

 

Duyarlı mod gelişmiş, mobil boyutlarda sütunları gizlemek için bir öncelik tanımlayabilirsiniz. Sütunlar gizlendiğinde, sütunları görüntülemek / gizlemek için onay kutusu olan bir mobil menü görüntülenecektir.
Sütun boyutu tablo baskısı sırasında sabittir. Tüm sütunların boyutu kap için çok büyükse, bir taşma olur ve mobil cihazlarda kolayca kaydırma yapabilirsiniz.

Kaydırmalı tablo (az miktarda sütun için daha iyi)

duyarlı masa-kaydırma

 

Sütun gizlenmiş olan tablo (büyük miktarda sütun için daha iyi)

duyarlı masa-cololumn gizleme

 

Bir seçenek olarak bir hücre hlight ışığı da mana sayfacuttur. Bu özelliği yapılandırma. Varsayılan olarak dana sayfare dışıdır. Vurgulamanın rengini ve opaklığını ayarlayabilirsiniz.

Tablo vurgulama

 

3.3 ACL ve Frontend yönetimi

Masalarınızı Joomla frontend'den yönetmek mümkündür. Joomla menü yöneticisinden, Yeni bir menü ekle öğe ve tür olarak seçin Tabloları Yönetin ve şablon olarak Droptables frontend'i seçin.


Menü-droptables

 

 

İşte Droptables Yöneticisi'ni ön uçtan görebilirsiniz.

Droptables önuç

 

Not: Tablo yöneticisi arayüzünü ön kısımda tam ekran olarak görüntülemek için, Şablon Stili> Droptables önyüz.

 

Tablo düzenleme işlemlerini kontrol etmek için Joomla Kullanıcı Grubu ACL'yi kullanabilirsiniz. İlk olarak, tabloları kimin görüntüleyebileceğini ayarlamak için, Droptables yapılandırmasında Tablo erişimini etkinleştir (ACL) özelliğini etkinleştirmeniz gerekir.

önyüzü masa-edition

 

Ayrıca, her bir masa için masa ön yüzü görünürlüğünü masa ayarlarından kontrol edebilirsiniz. (Diğer sekme). Bir grubun ön tablodaki tabloyu görmesine izin vermek için bir Joomla kullanıcı grubu seçin.

Kullanıcı-grubu-ACL

 

3.4 Özel CSS

Hadi bir adım öteye gidelim. CSS edition becerisine sahip bir web tasarımcısıysanız, web sitesinden css ekleyebilirsiniz. sağ Daha fazla sekmesi.

Hücreye dolgu ve kenarlık yarıçapı ekleyebilirsiniz.

padding-css

 

Hücreler, satırlar, sütunlar her birini tanımlamak ve üzerine özel css uygulamak için koordinatlara sahiptir. R sıra, C sütun. İşte satır 1 (r1), sütun 4 (c4) = dtr1 dtc4

CSS koordinatlar

 

CSS kodu, kod yansıtması kullanılarak renklendirilir. Css kodu daha az kod olabilir, aynı zamanda çalışır!

css-özel masa

 

 

IV. TABLOLARDAN GİRİŞ

4.1 Verileri olan bir tablo oluşturun

İçeriğinizin içindeki tablo verilerinden grafikler oluşturabilirsiniz. İlk önce grafik oluşturmak için veri içeren bir tablo oluşturun.

Tablo, içeriğinizdeki grafikte görüntülenmek zorunda değildir ve tek bir tablodan birkaç çizelge oluşturabilirsiniz.

 

Ardından grafik oluşturmak için seçiminizi yapın. Burada tüm masa seçilir.

grafik tablo

 

Ardından yeni bir grafik eklemek için tıklayın. Seçtiğiniz veri aralığına göre bir grafik oluşturulur. Sağ kısımda grafik tipini seçebilirsiniz.

üretmek-grafik

 

Tablodaki veri değişikliği ile ilgili grafik dinamik olarak güncellenecektir, yeniden oluşturmak zorunda değilsiniz.

 

4.2 Grafik parametreleri

Grafiğiniz eklendikten sonra sağ sütunda bazı seçenekleriniz vardır.

grafik-settings

 

null Satır / sütunu değiştir yalnızca veri kümesinde yalnızca sayılar seçtiyseniz kullanılabilir. Verileri sütunlardan satıra çana sayfairmenize izin verilir.

null Etiket olarak ilk satır / sütunu kullan parametre, grafiğinize etiket eklemenizi sağlar.

grafik-başlıkları

 

Ardından grafiğinizin genişliğini / yüksekliğini, hizalamasını ve rengini ayarlama seçenekleriniz vardır.

 

V. DROPTABLES PARAMETRELER VE TRİKSLER

5.1 Parametreler

Droptables global parametrelerine erişmek için, Bileşen> Droptables> Seçenekler

droptables-İlmek

 

Seçeneklerde tanımlayabilirsiniz:
 

  • Tablo kategorileri akordeon otomatik kapanma
  • Excel içe aktarma / dışa aktarma özelliğini etkinleştirin
  • Dışa aktarma formatını seçin

droptable-settings2

 

  • Araç ipucunu etkinleştir hücrelerde
  • Otomatik kaydetmeyi etkinleştir AJAX’ta, aksi takdirde Değişiklikleri Kaydet düğmesi
  • Tablo erişimini etkinleştir: Tablo erişim sınırlamasını (ACL) etkinleştirin. Joomla kullanıcı gruplarına göre tablo düzenleme iznini sınırlandırmanıza izin verir
  • Hücre vurgulaması: İlk bakışta hücre içeriğini görmek için hücre faresinde bir rengi etkinleştirin (Yalnızca Çizgi / Yalnızca Sütun / Her İkisi)
  • Vurgu rengi: Vurgulu rengi vurgulayan hücre
  • Yazı tipi rengini vurgula: Hücre vurgulama yazı tipi vurgulu rengi
  • Opaklığı vurgulama: Opaklık sana sayfaiyesini vurgulayan hücre
  • Gizli sağ paneli etkinleştir: ana sayfaet Hayır
  • Tablo senkronizasyon periyodikliği: Excel dosyası veya Google E-Tablolar için tablo otomatik senkronizasyon gecikmesi
  • Veritabanı tablosunu etkinleştir: ana sayfaet Hayır

 

5.2 ACL izni

Bir Joomla ACL entegrasyonu mana sayfacuttur. Artık tablo editörleri için eyleme veya tabloya erişimi kısıtlayabilirsiniz. Bu kısıtlamalar tüm masalarda geçerlidir.

erişim masalar

 

Örneğin, bir yönetici kullanıcısının yalnızca kendi tablolarına erişmesini ve bunları düzenlemesini istiyorsanız, reddetme için "düzenle" yi ayarlayın ve "İzin Verildi" olarak kendiniz düzenleyin. Ayrıca kısıtlayabilirsiniz:

  • Küresel yapılandırma
  • Arayüz erişim
  • Tablolar oluşturma
  • Tabloları silme
  • Baskı / kendi baskı
Süper yönetici kullanıcı her zaman tüm tablolar ve kategoriler için tüm baskı izinlerine sahip olacaktır.

 

5.3 HTML özel modülünde tabloları yükleme

Droptables, her WYSIWYG editör alanında kullanılmak üzere üretilmiştir, sadece çağrılacak içerik eklentisine sahip olmanız gerekir. Çoğu zaman varsayılan olarak etkindir.

Durum böyle değilse, Joomla HTML özel modülünde olduğu gibi, yukarıdaki gibi etkinleştirmeniz gerekir.

Tablo-içinde-modülü

 

Seçenek sekmesinde seçeneği ayarlamanız gerekir. İçerik hazırla: ana sayfaet

 

5.4 Hesaplama

Droptables'te temel bir hesaplama uygulamanız var. Mana sayfacut elemanlar:

  • TOPLAM, ÜLKE, CONCAT
  • MIN, MAX, AVG
  • TARİH, GÜN, GÜN, GÜN360
  • VEYA, XOR VE

Bir miktar yapmak için, bir hücreye böyle yazın (UPPERCASE zorunludur): = SUM (A1; B2) veya = SUM (A1: B2)

Ayrıca, hücre hesaplaması için sembolü sayı, para veya tarihe göre yapılandırabilirsiniz.

-Ayarları hesaplamak

 

  • Tarih biçimleri: Tarih hesaplamaları için tarih biçimini ayarla
  • Sembol konumu: Para üzerinde hücre hesaplaması yapmak için para birimi sembolünün varsayılan konumunu tanımlayın.
  • Para birimi simgeleri: Para üzerinde hücre hesaplaması yapmak için, varsayılan para birimi sembolünü tanımlayın.
  • Ondalık sembol: Hücre hesaplaması yapmak için, varsayılan ondalık sembolü tanımlayın.
  • Ondalık sayım: Ondalık simgeden sonraki hane sayısı
  • Bin sembolü: Hücre hesaplaması yapmak için, varsayılan bin sembolünü tanımlayın.

VI. EXCEL VE ​​GOOGLE SHEETS SYNC

6.1 Excel dosya senkronizasyonu

Oluşturduğunuz bir tablo ile sunucunuzda bulunan bir Excel dosyası arasında (herhangi bir yerde) bir senkronizasyon çalıştırmak mümkündür. "Tablo" adlı sağ sekmeden, en alttaki bir Excel dosyasını tabloya bağlamak için bir blok var.

senkron-excel seçmeli

Tıklandığında Göz at düğmesisunucunuzda herhangi bir yerde bir Excel seçebileceksiniz, burada medya yöneticisi (/ görüntü klasörü) aracılığıyla yüklenen bir dosya.

dosya göz atma excel

 

Excel dosyanız masaya bağlandığında, Veri al düğmesi Excel dosyasından veri almak için.

getirme-Excel veri

 

Not: Yalnızca veriler Excel'den alınacaktır, stillerden değil, tablonuzun genel stiline içe aktarma sırasında dokunulmadan kalacaktır.

 

Uyarı: Sunucunuzda mana sayfacut hafızanıza bağlı olarak, çok büyük Excel dosyalarını (örneğin, 1000'den fazla satır) içe aktaramazsınız.

 

6.2 Google Sayfalarla Senkronizasyon

Droptables bir Google Sayfa senkronizasyon imkanı sunar. Google Sayfalarınızın olması gerekiyor " internette yayınlandı"senkronize etmek için. Önce, sayfanızı Google Drive'dan açın ve Dosya menüsünü kullanarak web sayfası olarak yayınlayın.

yayımlamak ve web'e

 

Ardından, Google Sayfaları dosya bağlantısına erişir, bu bağlantıyı kopyalarsınız.

yayınlanan bağ

 

Ve içine yapıştırın Droptables “Tablo” sekmesi. Sen bittin! Artık Google E-Tablolarınızdan veri alabilirsiniz.

hakkında-tabaka veri

 

6.3 Otomatik Excel ve Google Sayfaları senkronizasyonu

Dosya bağlantısının üstünde otomatik veri senkronizasyonunu da etkinleştirebilirsiniz. Droptables, verileri düzenli aralıklarla otomatik olarak alır.

Senkronizasyon dönem

Etkinleştirildiğinde, tablo başlığından sonra bir bildirim görüntülenir.

otomatik olarak senkronize bildirim

 

Senkronizasyon gecikmesi Droptables yapılandırmasında ayarlanabilir.

 

VII. VERİTABANINDAN TABLOLAR

 

Droptables, veritabanı tablolarınızdan tablo oluşturmanıza olanak sağlar. Bileşenin ayarlarından Veritabanı tablosunu etkinleştir.

veritabanı yapılandırma

 

Gösterge tablosuna geri dönün, önce Veritabanındaki tablo kategori ve ardından Tamam Tablo oluştur , daha sonra veritabanınızdaki tüm tablolar aşağıda listelenecektir. Ardından, veritabanınızdan tabloları ve sütunları seçebileceksiniz. Kontrole vurarak birkaç tablo, sütun seçebilirsiniz.

veritabanı seçimi


Sütun seçiminde, kamu tarafında görüntülendiğinde, tabloda verileriniz için özel bir başlık ve varsayılan sipariş tanımlayabilirsiniz.

sütun titleandordering


Ardından, tablolarınıza uygulamak için bazı seçeneklere ve filtreye sahipsiniz:

  • Sayfalama varsayılan sana sayfaiyesi (büyük miktarda veriyle kullanılmak üzere)
  • Sayfalama için satır sayısı
  • Verilerinize biraz filtre uygulayın, yani. bir sütun, tanımlanmış bir değerden farklı olabilir ...
  • Bazı değerleri sütunlarda gruplama imkanı

veritabanı tablo seçeneği


Son olarak, diğer tablolarda olduğu gibi masanızı önizleyebilir ve oluşturabilirsiniz. Tablonuz oluşturulduğunda, Veritabanı veritabanına hala erişebileceksiniz ve örneğin tablonuza bir sütun ekleyebilirsiniz.

veritabanı tablosu tarafından oluşturulan

Not: Tek fark, temaların masalara uygulanamamasıdır, ancak tüm ekranları başka herhangi bir masadaki gibi özelleştirebilirsiniz.