• Monday , 11 December 2017

Drupal Bootstrap – 19 – Creating Article Views – Grid Layout

Code Canyon
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

3d Ocean

Related Posts

13 Comments

  1. Martin Haryanto
    December 3, 2017 at 12:55

    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. Chuluunzagd Batbayar
    December 3, 2017 at 12:55

    Could anyone tell what is difference between thumbnail and grid view? Thanks a lot.

  3. manibo
    December 3, 2017 at 12:55

    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.

  4. Sunnyside Up
    December 3, 2017 at 12:55

    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.

  5. Ricky L
    December 3, 2017 at 12:55

    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?

  6. Jav The Ripper
    December 3, 2017 at 12:55

    I've finally made it through the tutorial! Thank you so much. By the way, it seems as if they have listened and improved the breakpoints.

  7. Jav The Ripper
    December 3, 2017 at 12:55

    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?

  8. Tee Vee
    December 3, 2017 at 12:55

    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?

  9. Ahmed Almulki
    December 3, 2017 at 12:55

    very nice tutorial i love your videos keep going .

  10. Ahmad Zaelani
    December 3, 2017 at 12:55

    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… 😀

  11. Rohan Naik
    December 3, 2017 at 12:55

    in this tutorial video after adding nid ..
    in content : image
    my formatter is not showing image url what to do?

  12. Andi Xu
    December 3, 2017 at 12:55

    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

  13. Taywitch Thongkobphet
    December 3, 2017 at 12:55

    You are the best tutor ever!

Leave A Comment

You must be logged in to post a comment.