Home > Internet > Drupal > Membuat Tampilan Form Inline Pada Drupal 7.

Membuat Tampilan Form Inline Pada Drupal 7.

Weh, seminggu lebih belum ada postingan baru.

Okay, sekarang saya mau posting tentang drupal lagi :D. Mas, kok drupal terus sih? Ga boleh to? Mumpung lagi semangat belajar drupal nih, jadi sepertinya postingan diblog ini akan masih tentang drupal terus.

Adakah yang memperhatikan kalau tampilan form pada drupal itu hampir selalu label berada diatas form element, entah itu textbox, textarea, dropdown, dll. Contohnya seperti berikut:

Tampilan tidak inline

Terus bagaimana caranya biar bisa inline? Tenang, setelah saya searching kesana kemari. Akhirnya ketemu solusinya, yaitu:

1. Tambahkan kontainer pada form element tersebut.

Kontainer ini buat apa ya? Kontainer ini gunanya untuk mengelompokkan, object-object form. Contoh kode untuk pengelompokkan ini sebagai berikut:

Kode diatas akan mengelompokkan object textbox searchtext dan button search. Tampilannya seperti berikut:


2. Tambahkan CSS agar tampilannya inline.

Agar kontainer tersebut bisa inline (segaris), maka perlu ditambahkan css pada kontainer. Berikut contoh kodenya:

Hasilnya adalah sebagai berikut:



Bagaimana? Cukup mudah bukan?

You may also like
Tutorial Mengganti Keyboard Pada Laptop Acer Aspire 4920
Cara Memasang Temper Glass di Smartphone
Drupal: Bulk Insert
Ciyeee, Drupal dan WordPress minta update barengan.

57 Responses

  1. Needed to create you this little remark so as to say thanks over again for your personal beautiful ideas you’ve featured above. It is really strangely open-handed with people like you to grant unhampered all most of us might have made available as an electronic book in making some profit for themselves, even more so seeing that you could possibly have done it in the event you wanted. Those tips as well worked to become a easy way to comprehend other people online have a similar dream just as my personal own to grasp great deal more concerning this condition. Certainly there are a lot more enjoyable situations in the future for individuals that find out your site.

  2. I used to be very pleased to find this web-site.I wished to thanks on your time for this excellent read!! I definitely enjoying every little little bit of it and I have you bookmarked to take a look at new stuff you weblog post.

  3. I would like to express appreciation to this writer for rescuing me from such a scenario. Because of scouting throughout the the net and coming across things that were not powerful, I assumed my life was gone. Living without the presence of answers to the difficulties you’ve sorted out through your main short article is a critical case, as well as those which might have adversely damaged my entire career if I had not noticed your web page. Your own mastery and kindness in handling all things was useful. I’m not sure what I would’ve done if I hadn’t encountered such a solution like this. I’m able to now look ahead to my future. Thanks for your time so much for the professional and effective guide. I won’t hesitate to propose your site to anyone who should receive tips on this area.

  4. I happen to be writing to let you understand what a terrific encounter my wife’s girl undergone studying your blog. She learned a good number of details, including what it’s like to possess an excellent coaching heart to make other folks effortlessly have an understanding of specified complicated subject matter. You truly exceeded our desires. Thank you for giving these productive, safe, informative and in addition easy guidance on your topic to Evelyn.

  5. I was very happy to search out this web-site.I wished to thanks for your time for this wonderful read!! I definitely having fun with every little little bit of it and I have you bookmarked to take a look at new stuff you weblog post.

  6. I was very pleased to seek out this net-site.I wanted to thanks on your time for this excellent learn!! I undoubtedly having fun with each little little bit of it and I’ve you bookmarked to check out new stuff you weblog post.

  7. I have to get across my passion for your kind-heartedness in support of persons who should have assistance with that idea. Your special commitment to passing the message up and down came to be surprisingly useful and has made most people much like me to reach their endeavors. Your own insightful advice denotes a lot a person like me and much more to my peers. Many thanks; from all of us.

  8. The following time I read a blog, I hope that it doesnt disappoint me as much as this one. I mean, I know it was my option to read, however I actually thought youd have one thing attention-grabbing to say. All I hear is a bunch of whining about one thing that you could fix if you werent too busy in search of attention.

  9. My spouse and i ended up being really satisfied when Peter managed to carry out his research from the ideas he acquired in your weblog. It’s not at all simplistic to just continually be giving out ideas that most people may have been making money from. And we fully understand we now have the website owner to appreciate because of that. The most important illustrations you made, the straightforward website navigation, the friendships you will aid to engender – it is many incredible, and it’s helping our son in addition to our family do think this subject is exciting, and that’s exceedingly important. Many thanks for all the pieces!

  10. I needed to draft you one very little note to give many thanks over again with the nice tricks you’ve shared in this article. It has been certainly incredibly generous of you to provide publicly all that a few people would have offered for sale as an electronic book to help make some cash for themselves, mostly considering the fact that you might have done it if you desired. The concepts likewise worked like a great way to be sure that many people have similar desire just as mine to grasp much more in respect of this problem. I am sure there are some more pleasant situations up front for folks who start reading your website.

  11. After research a number of of the weblog posts on your web site now, and I really like your way of blogging. I bookmarked it to my bookmark web site listing and will be checking back soon. Pls try my web site as effectively and let me know what you think.

  12. There are some interesting closing dates on this article but I don? know if I see all of them heart to heart. There’s some validity but I will take maintain opinion until I look into it further. Good article , thanks and we would like more! Added to FeedBurner as well

Leave a Reply