search

muaz-khan / Canvas-Designer

Collaborative, extendable, JavaScript Canvas2D drawing tool, supports dozens of builtin tools, as well as generates JavaScript code for 2D animations.
https://www.webrtc-experiment.com/Canvas-Designer/
MIT License
371 stars 171 forks source link

Change the toolbox position #23

Open alifyaqhi09 opened 8 years ago

alifyaqhi09 commented 8 years ago

Hello,,,, i have a little problem.... How to change the toolbox position from left vertical to top horizontal???

Thank you sir,, this is a great projects :)

muaz-khan commented 8 years ago

Modify widget.html => this line:

<section id="tool-box" class="tool-box" 
         style="height: auto!important; left: auto; width: 100%;">
alifyaqhi09 commented 8 years ago

thanks for the answer sir... i'm try that code.... the toolbox is now top horizontal.. but, i'm cant drawing because the tollbox size cover the canvas

the toolbox height is over xD .. i'm trying to change the height but nothing happen hmm hmm..

muaz-khan commented 8 years ago

Remove this line (dev/decorator.js#L157) and compile again using grunt or remove that line directly in the widget.js:

// toolBox.style.height = (innerHeight /* - toolBox.offsetTop - 77 */ ) + 'px';
ph4t0o0o0om commented 6 years ago

how to resize the canvas? i like to adjust the width of the canvas please help

krishisola commented 5 years ago

Hi Muaz, I'm trying the latest version from repo. I would like to view the tool-box with horizontal orientation. The below snippet from earlier suggestions didn't work. Any other suggestions?

Modify widget.html => this line: "section id="tool-box" class="tool-box" style="height: auto!important; left: auto; width: 100%;">"