Drupal Bootstrap – 19 – Creating Article Views – Grid Layout



https://i.ytimg.com/vi/UiKvLgP9nIQ/hqdefault.jpg



Please make sure you have installed the “Image URL Formatter” module which we have gone through in the earlier video.

Playlist: https://goo.gl/47TkI6

Drupal Module:
https://www.drupal.org/project/image_url_formatter

Original source


13 responses to “Drupal Bootstrap – 19 – Creating Article Views – Grid Layout”

  1. Hi this tutorial is super great ! it really makes me understand Drupal more. even though i am currently not using drupal bootstrap module (i use bootstrap theme thou, is it different?) , i want to ask, are the images you used on this video have same height and width? because mine, i am using different WxH and the result is not so tidy 😀

    And one more thing (a little bit ut of content i think) can i use this method to do a background-image?

  2. I have followed all of the tutorials up to 19 so far. yet, there is not enough explanation about why we are doing what we are doing. for example, am I creating a class, or pointing to a class? why do I care about the hidden node or the url module, or any of the configuration settings? what is the purpose of naming the class medium instead of lg? this is the first video where I have followed blindly, yet unclear. the videos are are nice however.

  3. Thank you for all your videos. I am binge-watching and creating at the same time. I think with this video on playing around with the template, I messed up at some point. Just copied the wrong file name. Instead of 'Style Output', I copied 'Row Output' and incidentally, had a huge block of red error notices. This was the highpoint for me. Felt like a car racer. All got corrected in the end after some initial shock! lol
    Anyhow, thank you very much for your clear, most importantly, slow and precise tutorials.

  4. I used your code and replaced the tokens per the video on Configure field: Content:Image as you did at the 5:30 mark and regardless of whether the "Link image url to" drop down is set to Content or Nothing my result is a grid of all the articles with a written url in the place of the image for each article.
    For example, I am getting a proper headline, the text, and thn this:
    /sites/default/files/styles/bootstrap_thumbnails/public/field/image/imagefield_V0hVbo.jpg?itok=w4LxCU0u
    Followed by the following articles.

    I believe I have enabled and followed this to the letter. Any suggestions?

  5. I am not sure why it keeps happening but on the steps following 1:57, after I click the "Customize Field HTML" button, another menu does not appear under that. I am not sure if it is a bug within Drupal, but how can do you know how I can work around it?

  6. Fantastic tutorials!!! Best Drupal Bootstrap one I've seen so far. One thing; when I go to Configure field: Content Image, under Style Settings; when I check off "Customize field HTML"; it does not expand to HTML element dropdown, etc… I saved it, flushed the Cache, nothing works. This has been the only roadblock. Any advice?

  7. thanks sir, I am from Indonesia,
    i am cannot find col sm or col md in script, but I can set this col in "Class prefix " small, medium or large" in the my views…. thanks sir,,,,, i wait for new video… 😀

  8. Really nice tutorial .
    i just started to learn drupal
    but can you help me to solve my problem?
    i found this when trying to change the lg class to md

    Notice: Undefined variable: navbar_classes in include() (line 76 of C:Data_webtest_drupal.kmsitesallthemesbootstraptemplatessystempage.tpl.php).
    Notice: Undefined variable: container_class in include() (line 77 of C:Data_webtest_drupal.kmsitesallthemesbootstraptemplatessystempage.tpl.php).
    Notice: Undefined variable: container_class in include() (line 117 of C:Data_webtest_drupal.kmsitesallthemesbootstraptemplatessystempage.tpl.php).
    Notice: Undefined variable: title in include() (line 51 of C:Data_webtest_drupal.kmsitesallthemesbootstraptemplatesblockblock.tpl.php).
    Notice: Undefined variable: title in include() (line 51 of C:Data_webtest_drupal.kmsitesallthemesbootstraptemplatesblockblock.tpl.php).
    Notice: Undefined variable: title in include() (line 51 of C:Data_webtest_drupal.kmsitesallthemesbootstraptemplatesblockblock.tpl.php).
    Notice: Undefined variable: content_column_class in include() (line 135 of C:Data_webtest_drupal.kmsitesallthemesbootstraptemplatessystempage.tpl.php).
    Notice: Undefined variable: title in include() (line 51 of C:Data_webtest_drupal.kmsitesallthemesbootstraptemplatesblockblock.tpl.php).
    Notice: Undefined variable: html_attributes in include() (line 57 of C:Data_webtest_drupal.kmsitesallthemesbootstraptemplatessystemhtml.tpl.php).
    Notice: Undefined variable: body_attributes in include() (line 71 of C:Data_webtest_drupal.kmsitesallthemesbootstraptemplatessystemhtml.tpl.php)

    thankyou

Leave a Reply