I finally included an Adobe Edge file into one of my free-lance Website jobs. The actual file works great and I don’t have to worry about it not working on iOS devices or the slow load time which occurs with a Photoshop animation file. Unfortunately, I did come across two issues in which I hope to find help fixing. Below is a link to a “draft” of the home page (“draft” – still not complete, hence the off alignment and missing text at the bottom) and the two issues which I am having….
Link to draft: http://natickhighwebdesign.com/anania/index_phone.html
1. Border: I can’t seem to remove the black border from the file. I found the two icons which you are able to change the stage color and border color in Edge. You can see from the left image they appear to be black and gray, I changed them to be transparent and I save the file. I close the file and quite Adobe Edge and open everything back up again and the color keeps reverting back to black and gray. I even tried to change the colors to red rather than transparent and no matter what they revert back to black and gray. You can see the border when you visit the link above. I also tried to look in the exported files to remove the border but that did not help.
2. Multi-Screen Viewing: I have this page set up to re-size depending on the screen size which the file is being viewed. If you view it at a tablet size you will notice the Edge file (scrolling animation piece in the middle) does not re-size itself but rather adds scroll bars. In the Edge file I tried to change the “overflow” properties but nothing gave me what I needed. Also in the Dreamweaver HTML file I set width=”100%” and height=”100%” Is there any way to make the edge file re-size itself and exclude the scroll bars?
Any guidance on either issue would be greatly appreciated!
P.S. Happy Father’s Day to all the dads out there!