Hi email@example.com - you could create a table with one row and three columns, but if that's not what you are looking for you will need to add some custom html to the page. Canvas runs on Bootstrap, so you will need to take that into account when adding code to your pages.
Do you have anything to add firstname.lastname@example.org?
Hope that helps.
As a novice to the Canvas platform I'm trying to develop a hybrid (blended L/g) course. I understand that the table facility in Canvas is not without its problems - editing and viewing, therefore, I would like to avoid using it to produce the following format for a 36 week topic schedule:
The table in the above screenshot which was produced in Google docs and imported into a page is not ideal in that I cant readily hyperlink a topic to a module in Canvas i.e. I have to produce the hyperlink in Google docs and then import to Canvas. The latter does have the advantage of producing a dynamic document, however, I wondered if there is a less cumbersome way of achieving a document with hyperlinking functionality, without using a Canvas table. I would be most grateful for any expert advice and guidance.
To make true columns where text can float between columns you will need the stylesheet "column", but this stylesheet is not allowed in Canvas today.
A workaround without floating between columns is to use a table, or as I prefere to use this in the HTML editor in Canvas:
<div style="width: 30%; display: inline-block; vertical-align: top; padding:2px;">XXX</div>
email@example.com, I have been successful in creating columns with this approach, but I am not finding that they are responsive to screen size.
When I minimize my desktop window, I end up with a horizontal scroll bar rather than the expected behavior where the columns would drop below each other.
In the Canvas app, they are squished together with one to three words per column.
Have I missed something?
Edited to add: it works with two columns, but not with three.
You can try to add box-sizing to your style. It tells the browser how to handel borders and padding.
eg: <div style=”box-sizing: border-box; width: (and so on)
Where would the <div style="width: 30%; display: inline-block; vertical-align: top; padding:2px;">XXX</div> be added in the existing html string below - which is the starting of my table. I currently do not have any code that has the <div style text.
<table style="width: 100%; border-collapse: collapse;" cellpadding="5">
<td style="width: 33.3333%;">