[Resolved] Slider View Won't Display as 1-Column / Full-Width

[Author]

Posts

[peterR-3]

Hello,

I created a block-based slider view to display featured images on the homepage. This is the page where the View was created:

(You will need to enter the password temppass to view the site. No privacy concerns, password is just to prevent indexing etc.)

hidden link

Using the View block, I then inserted the View into a Container on the homepage. The slider view pagination is set to 1 item per page and the grid setting is set to 1, but it won't display full width. I think Toolset may be producing a slider with 3 columns instead of 1?...

hidden link

How can I get the slider View to fill it's container?

Can't be sure, but this may be connected to a similar bug I experienced almost a year ago. Was this ever fixed?

https://toolset.com/forums/topic/adding-a-view-above-archive-loop-2-views-on-1-archive-page/

Thanks

[Nigel]

The problem is that your theme uses a boxed layout (i.e. the normal page content has a maximum width so that it sits in the middle of the page rather than taking up the whole width on wider screens), and you then add content within that boxed layout.

The container block you added the View to sits inside this boxed layout, and takes up 100% of the width of that box.

If you edit the settings for your container block, in the Advanced section you will see that you can specify Full Width for the container, which for most themes should enable the container width to bust out of the boxed layout it resides within.

See screenshot.

[peterR-3]

Hi Nigel,

I think you may be mistaken. Are you talking about this page...

hidden link

That is not the page with the problem, simply the page where the view was created. I'm aware on that page that the view will not be full width which is fine as that page will never be seen.

The problem is on the homepage...

hidden link

On this page, the view has been inserted into a container that IS wider than the box layout( with a max-width of 2000px which is intentional). The problem is that the slider view only fills approximately 1/3 of it's container as shown in the attached image.

I believe the slider view may not be producing a single column grid as specified, but instead 3 columns.

[Shane]

Hi Peter,

I'm seeing the issue on the homepage but will need to have a look how you've set things up on the backend as your view appears to be restricted to a column.
Would you mind allowing me to have admin access to the website so that I can have a more detailed look at this for you ?

I've enabled the private fields for your next response.

Thanks,
Shane

[Shane]

Hi Peter,

Everything should be fine now.

The issue was that you had your view's layout set to the Grid layout. I've changed it to unformatted by modifying the View Loop style settings. See Screenshot

Your view should now be displaying as full width.

Thanks,
Shane

[peterR-3]

Thanks! Don't know why I was using grid, although you'd think a 1 column grid would still go almost full width no? It's weird too that when inserting an existing view it didn't go full width, but when adding the view directly to the page it did go full width. Some pretty inconsistent behaviour on the part of Toolset in my opinion.

I chose the "The problem is not fully resolved..." option because whether you build the view on the page or you insert an existing (identical) view, the output should be the same. I would consider the existing behaviour a bug.

Thanks again though, at least it works now! 🙂