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. I and also my pals were actually looking through the excellent items located on your web page and then all of the sudden came up with an awful suspicion I had not expressed respect to the blog owner for those strategies. My boys had been consequently glad to read through all of them and have in effect actually been having fun with those things. I appreciate you for genuinely considerably helpful and then for pick out such impressive subjects most people are really eager to be aware of. My very own sincere apologies for not expressing gratitude to you earlier.

  2. Thanks a lot for giving everyone an extraordinarily marvellous chance to read critical reviews from this blog. It is usually so lovely and also stuffed with fun for me and my office fellow workers to search the blog on the least thrice in 7 days to find out the latest secrets you will have. And lastly, I am at all times impressed considering the tremendous pointers you give. Certain 1 areas in this posting are in reality the most efficient I have had.

  3. I want to express my appreciation to the writer just for rescuing me from this type of challenge. Because of surfing around throughout the internet and getting suggestions that were not productive, I was thinking my entire life was done. Being alive without the presence of answers to the difficulties you have fixed through your main article is a serious case, and the kind which might have in a wrong way damaged my entire career if I hadn’t discovered the website. Your own personal know-how and kindness in maneuvering the whole thing was precious. I don’t know what I would’ve done if I had not discovered such a step like this. I am able to now look ahead to my future. Thank you so much for this reliable and results-oriented help. I will not be reluctant to endorse your site to anyone who needs direction on this situation.

  4. Thank you for all your efforts on this web site. My mother take interest in doing research and it’s obvious why. Most of us know all of the dynamic ways you deliver advantageous guides through the web blog and attract contribution from the others on that concept then my child has always been discovering a whole lot. Have fun with the remaining portion of the new year. You have been conducting a first class job.

  5. I in addition to my guys appeared to be taking note of the excellent advice on your site and unexpectedly I got a terrible feeling I had not thanked you for those tips. All the men were definitely as a result excited to study all of them and have in actuality been tapping into those things. We appreciate you simply being well thoughtful as well as for settling on some superb areas most people are really wanting to understand about. Our own sincere regret for not saying thanks to sooner.

  6. My husband and i ended up being absolutely comfortable Michael managed to conclude his research via the precious recommendations he gained while using the web site. It’s not at all simplistic just to choose to be offering secrets the rest might have been making money from. And now we realize we need the writer to be grateful to for this. The specific explanations you have made, the easy site navigation, the friendships you help to instill – it’s got everything awesome, and it’s aiding our son in addition to our family believe that this idea is cool, and that is very serious. Thanks for all the pieces!

  7. My husband and i felt so lucky Edward managed to finish up his homework because of the ideas he acquired through the weblog. It is now and again perplexing just to always be giving out helpful tips many others might have been making money from. Therefore we recognize we have the writer to thank for that. All the illustrations you made, the simple blog navigation, the friendships you can help to foster – it’s got most amazing, and it’s really facilitating our son in addition to the family know that that subject is amusing, and that is quite fundamental. Thank you for all!

  8. I have to get across my love for your kindness in support of those people who should have guidance on this important idea. Your very own dedication to passing the solution up and down was extraordinarily powerful and has without exception empowered women like me to realize their pursuits. Your entire invaluable instruction entails a whole lot a person like me and somewhat more to my mates. Many thanks; from each one of us.

  9. I precisely needed to say thanks all over again. I do not know what I might have gone through in the absence of the basics shared by you about that industry. It was actually an absolute daunting concern in my view, however , considering this skilled form you treated it took me to cry for fulfillment. I am just happier for the information and then sincerely hope you know what a great job that you’re providing educating some other people by way of your blog post. Most probably you have never met any of us.

  10. I intended to draft you this very little word to say thank you yet again on your gorgeous ideas you’ve provided in this article. It is shockingly open-handed with you to make unhampered all that most people could have made available for an ebook to get some money for themselves, especially considering that you could have tried it if you ever desired. The concepts in addition worked to be a good way to comprehend other people online have the same desire just as my own to learn whole lot more regarding this issue. I know there are many more pleasant times in the future for individuals that read your site.

  11. I actually wanted to compose a note to be able to say thanks to you for some of the precious ways you are sharing at this site. My time-consuming internet research has now been honored with professional details to go over with my neighbours. I would declare that we readers actually are unequivocally endowed to be in a great network with very many awesome professionals with useful guidelines. I feel truly lucky to have used the web site and look forward to so many more excellent times reading here. Thank you once again for a lot of things.

  12. I simply wanted to post a remark to thank you for the amazing tips and tricks you are giving here. My time intensive internet lookup has now been compensated with incredibly good strategies to talk about with my good friends. I ‘d point out that many of us site visitors actually are rather fortunate to live in a fabulous place with so many wonderful people with very beneficial opinions. I feel pretty privileged to have discovered your entire webpage and look forward to so many more fun moments reading here. Thanks once more for everything.

  13. I precisely wished to appreciate you all over again. I do not know the things I would have created in the absence of these aspects contributed by you concerning this area. It became a very challenging case in my view, but discovering a specialized manner you managed it took me to leap with happiness. Now i am grateful for this help and as well , hope you really know what a powerful job you were providing training some other people through the use of your web page. Probably you have never met any of us.

  14. I must express some thanks to you just for rescuing me from this type of difficulty. As a result of looking out through the the web and finding strategies which are not beneficial, I thought my life was done. Being alive without the presence of solutions to the difficulties you have fixed all through your main guideline is a critical case, and ones that would have negatively damaged my career if I hadn’t discovered your web site. Your natural talent and kindness in handling a lot of stuff was very helpful. I am not sure what I would have done if I had not discovered such a point like this. I can also at this point relish my future. Thank you so much for this high quality and sensible help. I won’t be reluctant to refer your web page to anyone who would like direction about this subject matter.

  15. I want to express thanks to the writer for rescuing me from this condition. After exploring through the the net and getting things which were not helpful, I believed my life was well over. Existing minus the strategies to the difficulties you’ve solved all through your main guideline is a serious case, and those which might have negatively affected my career if I had not come across your blog. Your actual training and kindness in maneuvering everything was precious. I don’t know what I would’ve done if I had not encountered such a point like this. I can also at this time relish my future. Thank you so much for your expert and results-oriented guide. I will not hesitate to recommend your web page to any individual who needs support on this issue.

  16. My wife and i were thrilled when Louis managed to carry out his analysis out of the precious recommendations he grabbed out of the blog. It’s not at all simplistic just to find yourself giving away information which people could have been trying to sell. We really consider we’ve got you to give thanks to for this. The type of explanations you’ve made, the simple site menu, the relationships you can make it possible to instill – it is many powerful, and it is letting our son in addition to us know that that issue is pleasurable, which is wonderfully serious. Many thanks for the whole lot!

  17. I truly wanted to type a quick comment to express gratitude to you for the unique suggestions you are giving at this website. My extended internet investigation has at the end of the day been compensated with professional tips to write about with my two friends. I ‘d assert that most of us site visitors are truly lucky to live in a notable community with very many special professionals with very beneficial points. I feel quite fortunate to have seen your weblog and look forward to really more excellent times reading here. Thanks once more for all the details.

  18. Needed to create you this little bit of word to help give many thanks over again about the amazing ideas you’ve provided on this site. It’s really tremendously generous of you to give easily all that a lot of folks could have distributed as an ebook in order to make some bucks for their own end, notably now that you might have done it if you desired. The solutions as well worked to be the easy way to fully grasp some people have the identical dreams the same as my personal own to learn many more in respect of this issue. I’m sure there are millions of more pleasurable times up front for those who start reading your blog post.

  19. I would like to show my thanks to the writer just for rescuing me from this type of trouble. Because of surfing throughout the world wide web and meeting ways which are not productive, I thought my entire life was done. Existing without the approaches to the issues you’ve sorted out all through the posting is a crucial case, and ones which might have in a wrong way damaged my career if I hadn’t discovered your web blog. Your personal knowledge and kindness in controlling all areas was very helpful. I am not sure what I would have done if I hadn’t discovered such a point like this. I’m able to at this point look forward to my future. Thanks for your time so much for your specialized and result oriented help. I won’t be reluctant to refer the sites to anybody who desires direction about this topic.

Leave a Reply