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 must express appreciation to this writer for bailing me out of this setting. Right after researching throughout the internet and coming across proposals which were not helpful, I believed my entire life was over. Being alive devoid of the answers to the difficulties you’ve resolved as a result of your good blog post is a crucial case, as well as the ones that would have negatively affected my entire career if I had not noticed your blog post. Your primary natural talent and kindness in taking care of every item was helpful. I’m not sure what I would’ve done if I had not come upon such a solution like this. It’s possible to at this moment relish my future. Thanks a lot so much for the expert and result oriented guide. I won’t hesitate to suggest your web site to any person who would need counselling about this subject.

  2. I simply wished to thank you so much all over again. I am not sure the things I could possibly have achieved without those aspects discussed by you directly on such a subject matter. It was before a real difficult situation in my opinion, but noticing this skilled approach you managed it took me to weep over contentment. I’m just happier for your work and as well , wish you really know what a powerful job you’re getting into educating most people via a site. Most probably you’ve never encountered any of us.

  3. I? impressed, I have to say. Actually hardly ever do I encounter a weblog that? both educative and entertaining, and let me tell you, you could have hit the nail on the head. Your thought is outstanding; the issue is something that not enough individuals are speaking intelligently about. I’m very happy that I stumbled throughout this in my search for one thing referring to this.

  4. I enjoy you because of all of the work on this site. My daughter take interest in setting aside time for investigation and it’s really easy to see why. Most of us notice all of the compelling form you produce sensible guidelines via this web blog and even increase participation from some other people on the area then my child is truly becoming educated a lot. Take pleasure in the rest of the new year. You’re the one doing a remarkable job.

  5. I must show some appreciation to this writer for rescuing me from this matter. As a result of scouting through the world-wide-web and obtaining strategies that were not powerful, I assumed my entire life was gone. Being alive without the strategies to the issues you have resolved as a result of your entire write-up is a serious case, and ones that would have in a negative way affected my career if I had not encountered your web site. Your good skills and kindness in playing with the whole lot was excellent. I am not sure what I would’ve done if I hadn’t encountered such a stuff like this. I am able to at this point look ahead to my future. Thanks a lot so much for the professional and result oriented help. I won’t hesitate to propose your web site to anyone who should receive support on this matter.

  6. Youre so cool! I dont suppose Ive read something like this before. So good to search out any person with some unique thoughts on this subject. realy thanks for starting this up. this website is one thing that’s needed on the net, somebody with somewhat originality. helpful job for bringing one thing new to the web!

  7. I’m writing to make you be aware of what a extraordinary experience my cousin’s child gained going through your webblog. She came to find several pieces, including how it is like to possess a wonderful helping character to make most people really easily gain knowledge of chosen complicated issues. You undoubtedly surpassed my desires. Thank you for distributing such good, trusted, revealing and even cool thoughts on the topic to Emily.

  8. I as well as my buddies appeared to be looking at the best things from your web blog and so the sudden developed a horrible feeling I never thanked the web site owner for those strategies. The men came absolutely very interested to study them and have honestly been tapping into them. Thank you for truly being well thoughtful as well as for pick out variety of amazing useful guides millions of individuals are really wanting to understand about. Our honest regret for not expressing gratitude to earlier.

  9. I would like to show my appreciation for your kindness in support of men who absolutely need assistance with that concern. Your special commitment to getting the solution all through came to be astonishingly valuable and has made most people just like me to attain their objectives. This insightful suggestions indicates a whole lot a person like me and even further to my office colleagues. Regards; from each one of us.

  10. Thank you for your whole hard work on this blog. Debby take interest in conducting investigations and it is simple to grasp why. We all notice all of the powerful form you offer sensible guidelines via your website and in addition foster participation from people about this concept so our own daughter is really being taught a lot. Take pleasure in the rest of the new year. You have been conducting a pretty cool job.

  11. Thanks a lot for giving everyone an extraordinarily memorable possiblity to read in detail from this blog. It’s usually very amazing and as well , full of a lot of fun for me and my office co-workers to search your web site at the least thrice in one week to study the fresh tips you have. Not to mention, we are at all times amazed with your eye-popping information served by you. Selected 3 facts in this article are particularly the best I’ve ever had.

  12. My husband and i felt absolutely excited when John managed to complete his basic research through the ideas he had when using the site. It’s not at all simplistic to simply choose to be giving out procedures which often men and women may have been selling. Therefore we remember we’ve got you to appreciate because of that. Those illustrations you’ve made, the simple web site navigation, the relationships you aid to promote – it’s mostly overwhelming, and it’s letting our son and the family reason why this situation is excellent, which is certainly rather mandatory. Thank you for all the pieces!

  13. Thanks a lot for providing individuals with an extremely marvellous chance to discover important secrets from this blog. It really is very kind and jam-packed with a good time for me and my office peers to visit your website a minimum of 3 times a week to read the latest guides you will have. And lastly, I’m so always astounded with your attractive guidelines you serve. Selected 3 points on this page are honestly the most effective we have had.

  14. A lot of thanks for all your efforts on this website. Betty loves participating in investigations and it’s really obvious why. Almost all learn all relating to the dynamic medium you deliver good ideas on this website and even strongly encourage contribution from other people about this subject matter then our favorite child is really studying a lot of things. Have fun with the remaining portion of the year. You are always doing a first class job.

  15. I want to show some thanks to the writer for rescuing me from such a crisis. Right after surfing through the search engines and obtaining methods which are not pleasant, I was thinking my life was done. Existing minus the strategies to the problems you’ve sorted out by means of your main review is a serious case, as well as those which may have in a wrong way affected my entire career if I had not noticed your web site. Your primary competence and kindness in taking care of the whole thing was crucial. I am not sure what I would’ve done if I had not discovered such a subject like this. I’m able to now relish my future. Thanks for your time very much for the professional and results-oriented guide. I won’t hesitate to propose the blog to any individual who would like tips on this matter.

  16. I simply wanted to appreciate you again. I’m not certain what I might have created without those thoughts shared by you regarding such a question. This has been a difficult problem in my circumstances, however , viewing this specialized mode you resolved the issue forced me to cry over gladness. I’m grateful for the advice and then expect you realize what a powerful job you were carrying out instructing some other people with the aid of a blog. I am sure you’ve never encountered all of us.

  17. I’m also writing to let you know what a incredible experience my friend’s daughter undergone browsing your web site. She came to understand such a lot of details, which include what it’s like to have a great teaching heart to get folks really easily have an understanding of selected complex subject areas. You truly surpassed her desires. I appreciate you for displaying these precious, dependable, edifying as well as easy tips about the topic to Evelyn.

  18. I simply desired to appreciate you once again. I do not know what I might have worked on without the actual hints documented by you directly on my area of interest. It absolutely was a daunting matter for me personally, however , coming across your professional fashion you resolved the issue forced me to cry for happiness. I’m happier for your help and in addition hope that you find out what a powerful job you are always carrying out training many others with the aid of a web site. Probably you have never encountered all of us.

  19. I simply wanted to thank you very much yet again. I’m not certain what I could possibly have handled in the absence of the type of basics shown by you on such a theme. It was a very daunting situation in my opinion, however , spending time with the very well-written technique you managed that made me to leap over joy. Now i’m happier for the advice and even wish you are aware of a great job that you’re getting into teaching most people with the aid of your webpage. Probably you’ve never come across all of us.

Leave a Reply