Canvas Support

Are there instructions for adding content , slides, etc?

1 reply·opened Mar 17, 2020
G
GreenstudioArchitectureMar 17, 2020

What directory do I put my three slides in HTML to include in the canvas slider?
I created the content text and slides in photoshop and indesign. How big can the file size be to not slow down the slider?
Do I save in adobe as jpg in what size format? 1:2? , how does the formatting to the stage fullscreen stay in bounds?
In the code below where do I list the slide name?

<li><a href="index-fullscreen-image.html"><div>Home - Full Screen</div></a>
&#x9;<ul>
&#x9;&#x9;<li><a href="index-fullscreen-image.html"><div>Full Screen - Image</div></a></li>
&#x9;&#x9;<li><a href="index-fullscreen-slider.html"><div>Full Screen - Slider</div></a></li>
&#x9;&#x9;<li><a href="index-fullscreen-video.html"><div>Full Screen - Video</div></a></li>
&#x9;</ul>
</li>

I opened the developer tool in chrome so I see the code in the site live to the actions, but I need an example before messing with code.

Thank you,
Michael Rosen AIA LEED AP RA CA
Green Studio Architecture- Design Build
greenarchitectla@gmail.com
818-705-4081

S
SemiColonWebSTAFFMar 18, 2020

Hello,

  1. Since Canvas is a Static HTML5/CSS3 Template, you will need to have some knowledge of HTML/CSS and a Text Editor like Sublime Text, Notepad++ or equivalent will be required to edit the Template Files to Add/Edit the Content manually.

  2. To edit the Canvas Slider, make sure that you open/check the Slider Template directly in a Text Editor (Developer Tools are not recommended) for the Example Codes. For example, to use the Canvas Swiper Slider, use the slider-canvas.html or the index.html Templates.

  3. The Default Image Size we are using currently is around 1920px/1080px. Size should be as small and optimized as possible and JPG is the preferred format.

Hope this Helps!

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

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard