Announcement

Collapse
No announcement yet.

Question about GRID Design

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • [CMS] Question about GRID Design

    I'm trying to design a grid like the attached concept I have here.
    Perhaps I missed it in the documentation, or I need to customize something, but I don't see a way to accomplish this within the CMS tools.

    Could anyone point me in the correct direction?

    Thank you for your help!

    Click image for larger version

Name:	mockup.png
Views:	1
Size:	12.6 KB
ID:	3719327
    Last edited by chrisbjax; Tue 14 Dec '10, 8:02am.

  • #2
    can anyone gimmi any pointers?

    hello...... bueller..... bueeeller..... bueellllerrrrrr

    Comment


    • #3
      If I were going to do this I think I'd make a single column with a right sidebar.

      Let's take it a block at a time.

      You can do the to advertisements using the basic advertisement tool.

      "Welcome Message" is a Static HTML Widget.

      "Last 5 Announcements"- That's a new one for me. You'd have to either manage it yourself or make a PHP widget for it.

      By "Nav" I assume you mean the section navigation widget.

      Then you'd have to get the RSS widgets side-by-side. That's the only tricky bit. I would start by making two templates named something like 'cms_RSSwidget_left' and 'cms_RSSwidget_left'. The contents would be the existing 'vbcms_widget_rss_page' but wrapped in something like 'style="float:left;width:49%"' for one and 'style="float:right;width:49%"' for the other. You could also make a php widget that would consume two RSS widgets. In
      http://www.vbulletin.com/forum/entry...-Content-Types
      I explained how to put the contents of a widget into a PHP page. You could use the two widgets into one widget. But personally I think the first approach with the right CSS will be both easier and simpler.
      Please- I'm not tech support. Don't send your problem reports to me unless I've asked you to.

      Comment


      • #4
        Awesome! Thank you very much Edwin, I will give this a go.

        Couple clarification question/comments.

        By Last 5 announcements, I simply meant to pull 5 topics out of my announcement forum, and echo them on the home page.
        I guess more or less, I'm looking for pointers on positioning elements within the grid and layout.


        Originally posted by Edwin Brown View Post
        If I were going to do this I think I'd make a single column with a right sidebar.

        Let's take it a block at a time.

        You can do the to advertisements using the basic advertisement tool.

        "Welcome Message" is a Static HTML Widget.

        "Last 5 Announcements"- That's a new one for me. You'd have to either manage it yourself or make a PHP widget for it.

        By "Nav" I assume you mean the section navigation widget.

        Then you'd have to get the RSS widgets side-by-side. That's the only tricky bit. I would start by making two templates named something like 'cms_RSSwidget_left' and 'cms_RSSwidget_left'. The contents would be the existing 'vbcms_widget_rss_page' but wrapped in something like 'style="float:left;width:49%"' for one and 'style="float:right;width:49%"' for the other. You could also make a php widget that would consume two RSS widgets. In
        http://www.vbulletin.com/forum/entry...-Content-Types
        I explained how to put the contents of a widget into a PHP page. You could use the two widgets into one widget. But personally I think the first approach with the right CSS will be both easier and simpler.

        Comment


        • #5
          Originally posted by chrisbjax View Post

          By Last 5 announcements, I simply meant to pull 5 topics out of my announcement forum, and echo them on the home page.
          I guess more or less, I'm looking for pointers on positioning elements within the grid and layout.
          Then that's just a "recent forum posts" widget with a forum specified. That's easy.

          I wasn't really clear in my post. When you configure a widget, the template is one of the options. When you make the two special templates above, you of course apply one to the first RSS widget and the other to the second.
          Please- I'm not tech support. Don't send your problem reports to me unless I've asked you to.

          Comment


          • #6
            Edwin,
            I got a good start, and created 2 templates, and read through your blog post, however, you do not really touch on taking 2 RSS feed and merging them into your PHP direct eval page.

            Would you mind elaborating a bit on how this is done?


            Originally posted by Edwin Brown View Post
            Then that's just a "recent forum posts" widget with a forum specified. That's easy.

            I wasn't really clear in my post. When you configure a widget, the template is one of the options. When you make the two special templates above, you of course apply one to the first RSS widget and the other to the second.

            Comment


            • #7
              Where can I locate the parameters, and widget ID?

              Originally posted by chrisbjax View Post
              Edwin,
              I got a good start, and created 2 templates, and read through your blog post, however, you do not really touch on taking 2 RSS feed and merging them into your PHP direct eval page.

              Would you mind elaborating a bit on how this is done?
              Last edited by chrisbjax; Thu 16 Dec '10, 5:01am.

              Comment


              • #8
                I believe I've formatted everything, alas, I get no output..
                http://usmilitarygamers.com/community/content.php

                PHP Code:
                $widget vBCms_Widget::create('vBCms''Rss'29);

                $output $widget ->getPageView()->render();

                $widget1 vBCms_Widget::create('vBCms''Rss'38);

                $output $widget1 ->getPageView()->render(); 
                What am I missing?

                Comment


                • #9
                  I tested, and code appears correct. Check your ID's- that's the only reason I can see they wouldn't work. Maybe clear cache if you've just changed, although it shouldn't be necessary. Also, note that in the last line you discard the output of the first widget. I would do something like

                  PHP Code:
                  $widget vBCms_Widget::create('vBCms''Rss'29);

                  $widget1 vBCms_Widget::create('vBCms''Rss'38);

                  $output $widget ->getPageView()->render() . $widget1 ->getPageView()->render(); 
                  I assume you've tested the two widgets individually.
                  Please- I'm not tech support. Don't send your problem reports to me unless I've asked you to.

                  Comment


                  • #10
                    Hmm, interesting.
                    okay, perhaps my problem is there, because neither 1 of the individual widgets renders..
                    I have created an RSS widget, and set the template to be my custom template. (cms_RSSwidget_left)
                    here is the code I placed in my custom template. (named : cms_RSSwidget_left)

                    HTML Code:
                    <div class="cms_widget" style="float:left;width:49%;">
                        <div class="block">
                    
                        <!-- Rss Header -->
                        <div class="cms_widget_header">
                            <h3><img src="{vb:stylevar imgdir_cms}/widget-rss.png" alt="" /> <a href="{vb:raw rss_link}"> &nbsp;{vb:raw rss_title}&nbsp; RSS</a></h3>
                        </div>
                    
                        <!--  Rss Data  -->
                        <div class="cms_widget_content widget_content">
                            <!-- {vb:raw rss_description} -->
                    
                            <vb:each from="rss_items" key="id" value="item">
                                <div class="cms_widget_post_bit widget_post_bit">
                                    <h4 class="cms_widget_post_header widget_post_header"><a href="{vb:raw item.link}">{vb:raw item.title}</a></h4>
                    
                                    <!--
                                    {vb:raw item.summary} <br />
                                    {vb:raw item.author} <br />
                                    -->
                                </div>
                            </vb:each>
                    
                    
                        </div>
                    
                    <vb:comment>
                        <vb:if condition="$rss_more">
                            <a href="{vb:raw rss_url}">{vb:rawphrase read_more}</a>
                        </vb:if>
                    </vb:comment>
                    
                    </div>
                    </div>
                    Originally posted by Edwin Brown View Post
                    I assume you've tested the two widgets individually.

                    Comment


                    • #11
                      I figured it out. you need to prefix it with vbcms. I changed the name of the template, and now they load. However, my alignment is a bit goofy.

                      Comment

                      widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
                      Working...
                      X