K2 Custom CSS Smartform Layout Tutorial

By -
K2 merupakan platform yang digunakan untuk membangun aplikasi dan workflow yang sudah mulai banyak digunakan. Platform K2 memungkinkan user yang tidak memahami bahasa pemrograman untuk dapat membuat aplikasi sederhana.

Namun sayangnya dibutuhkan pengetahuan tentang HTML dan CSS yang mendalam agar dapat melakukan kustomisasi tampilan smartform di K2.

Salah satu kendala yang dihadapi adalah memberikan custom CSS diluar template standar yang sudah disediakan oleh K2.

Pada posting tentang K2 Custom CSS Smartform Layout Tutorial kali ini akan diberikan panduan singkat cara untuk menambahkan kustom CSS agar tampilan smartform yang kita buat bisa lebih menarik.

Salah satu cara untuk meng-injeksi CSS adalah menambahkan link external css sebagai  acuan untuk objek yang telah kita buat didalam smartform.

Dibawah ini terdapat gambar cara untuk menambahkan external CSS ke dalam smartform tersebut.

Hal pertama yang perlu dipersiapkan adalah sebuah control label yang diset sebagai literal. Fungsi literal ini dibutuhkan agar text dari label yang kita tambahkan dirender sebagai bagian dari HTML, seperti gambar dibawah ini :

K2 Custom CSS Smartform Layout Tutorial
Figure 1 K2 Layout Custom CSS Tutorial

Setelah label kita siapkan dan telah diset sebagai literal kemudian isilah text dari label tersebut dengan link referensi external css, contohnya sbb :

<link href="http://server/Styles/K2.css" rel="stylesheet" type="text/css" />

Dengan cara diatas maka pada saat smatform diload oleh browser, maka link referensi external CSS tersebut juga akan diload oleh browser, sehingga kita tinggal menambahkan class, tag, maupun ID didalam external CSS tersebut.

Recommended Reading:
Custom Menu in K2 Smatform

Semoga posting tentang K2 Custom CSS Smartform Layout Tutorial diatas dapat bermanfaat.



Salam,

Popular posts from this blog

K2 Error Value Cannot Be Null. Parameter Name: s In SmartView and SmartObject

By -
Jika kamu pernah menemukan error " K2 Designer Error Value Cannot Be Null.  Parameter Name: s " pada saat melakukan execute SmartObject atau pada saat membuka SmartObject maupun SmartView . Biasanya error tersebut terjadi setelah kita melakukan Deploy menggunakan pilihan create new SmartObject tetapi kita lupa untuk menambahkan Stored Procedure pada database dan SmartObject terlanjur terbuat tetapi tidak merefer ke Stored Procedure manapun. Setelah kita tambahkan Stored Procedure  dan melakukan Deploy ulang tetapi rror diatas masih terjadi, maka refresh Database instance melalui K2SmartObject tester agar Stored Procedure  yang baru kita tambahkan dikenal oleh K2. Semoga posting tentang " K2 Error Value Cannot Be Null.  Parameter Name: s " diatas dapat bermanfaat. Salam,
Read more

Cara inject USB 3.0 Driver pada instalasi Windows - How to Inject USB 3.0 Driver in Windows 7

By -
Image
Beberapa laptop belakangan ini sudah menggunakan USB 3.0 daripada USB 2.0. Namun kebanyakan versi windows yang ada adalah menggunakan driver USB 2.0 sehingga saat instalasi akan diminta driver USB 3.0 sebelum melakukan partisi hardisk. Tanpa itu, tidak bisa melanjutkan instalasi. Berikut adalah cara untuk inject driver USB 3.0 ke file installer Windows yang sudah kalian punya. Sebelum melakukan injeksi, terlebih dahulu download driver USB 3.0 sesuai dengan merk dan tipe laptop yang ada. Jika ragu dengan merk laptop, bisa download driver USB 3.0 sebanyak mungkin. Create folder pada tempat yang mudah di akses, hal ini dilakukan untuk mempercepat proses dan mempunyai copy file jika gagal (misalnya C:\ubs3) Create folder mount di dalam folder yang sudah dibuat tadi Extract driver ke folder di dalamnya (misal C:\usb3\driver) Selanjutnya, kita perlu file yang digunakan untuk menginject driver ke dalamnya. Masuk ke Flashdisk dan copy file boot.wim dan install.wim ke folder y...
Read more

Pentaho Spoon Error : "Could Not Create The Java Virtual Machine"

By -
Image
Apakah Anda salah satu pengguna Pentaho? Jika Anda menginginkan software gratis untuk melakukan integrasi data maka Pentaho adalah salah satu pilihan yang dapat dijadikan acuan. Selain itu Pentaho juga tersedia dalam sistem operasi Windows maupun Linux. Untuk menjalankan Pentaho kita tidak perlu melakukan instalasi melainkan cukup dengan menjalankan file spoon.bat . Namun seringkali terjadi error  saat menjalankan Pentaho, yang umum terjadi adalah belum adanya instalasi Java di komputer. Java diperlukan karena Pentaho memerlukan JRE milik Java agar aplikasi Pentaho dapat berjalan. Jika JAVA telah diinstal tetapi masih muncul pesan error " Could Not Create The Java Virtual Machine " maka edit file spoon.bat dan cari bagian Pentaho Java Options. Seperti terlihat pada settingan di bawah ini. if "%PENTAHO_DI_JAVA_OPTIONS%"=="" set PENTAHO_DI_JAVA_OPTIONS="-Xmx8192m" "-XX:MaxPermSize=2048m" Ubahlah baris script diatas menjad...
Read more