Layout Idea

Question

Hello Team Canvass
Canvas continues to be my template of choice and thank you for always continuing development on it.
I hope you will consider the following:
I still get many clients requesting a document archive / library where you have a file name and download button to feature on the right. To create this layout in your template can sometimes be very frustrating, but perhaps you could consider this as an additional layout going forward? With your knowledge on your product, this should be easy to accomplish?

I have attached 2 screenshots of what I have in mind. On desktop or tablets, the buttons feature on the right, but on smaller views and mobile phoned, the buttons should be larger and appear below the file name.

Do you guys think you might add a template like this?
Thanks
Ros

SemiColonWeb · Accepted Answer

Hello,

Thank You so much for this suggested layout. This is very easy to achieve using the Combination of Bootstrap Tables and Grids. Consider using the following code:


&#x9;
&#x9;&#x9;
&#x9;&#x9;&#x9;
&#x9;&#x9;&#x9;&#x9;
&#x9;&#x9;&#x9;&#x9;&#x9;
&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;
File Name

&#x9;&#x9;&#x9;&#x9;&#x9;
&#x9;&#x9;&#x9;&#x9;&#x9;
&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;[Download](#)
&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;[Watch Video](#)
&#x9;&#x9;&#x9;&#x9;&#x9;
&#x9;&#x9;&#x9;&#x9;
&#x9;&#x9;&#x9;
&#x9;&#x9;
&#x9;&#x9;
&#x9;&#x9;&#x9;
&#x9;&#x9;&#x9;&#x9;
&#x9;&#x9;&#x9;&#x9;&#x9;
&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;
File Name

&#x9;&#x9;&#x9;&#x9;&#x9;
&#x9;&#x9;&#x9;&#x9;&#x9;
&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;[Download](#)
&#x9;&#x9;&#x9;&#x9;&#x9;
&#x9;&#x9;&#x9;&#x9;
&#x9;&#x9;&#x9;
&#x9;&#x9;
&#x9;&#x9;
&#x9;&#x9;&#x9;
&#x9;&#x9;&#x9;&#x9;
&#x9;&#x9;&#x9;&#x9;&#x9;
&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;
File Name

&#x9;&#x9;&#x9;&#x9;&#x9;
&#x9;&#x9;&#x9;&#x9;&#x9;
&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;[Download](#)
&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;[Watch Video](#)
&#x9;&#x9;&#x9;&#x9;&#x9;
&#x9;&#x9;&#x9;&#x9;
&#x9;&#x9;&#x9;
&#x9;&#x9;
&#x9;

This should definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.