Horizontal Scroll Box in Adobe Edge

Hello!
I am very new to html and css coding. I've been teaching myself adobe edge animate to build a website from scratch since it is very similar to After Effects, a program i am comfortable with.
I was wondering how would i go about making a horizontal scroll container that would house image files.
Here is an example: http://golfwang.com/fall-winter-2013-lookbook/
This site translates very well to mobile as well, you can swipe with your fingers in either direction to get the box to scroll. Thank you in advance for any input on the subject.

Thank you Zaxist.
I actually ended up using your post from this thread to solve my problem: http://forums.adobe.com/thread/1144336
I just did everything you said, i took all my pictures and made them a symbol followed by changing the overflow size and setting it to auto.
The only problem im getting now is it wont switch to the custom scroll bar. Does it specifically only work with Text? Like i said before, i have no knowledge of html or css, i just barely understand the concepts and where to drop in my div tags, etc.

Similar Messages

Horizontal scroll works in Adobe Viewer etc, doesn't work in Firefox!

I'm using the latest version of Firefox and I have updated my relevent drivers. I am running Vista Home Premium on a Sony Vaio laptop. The touchpad is an Alps Pointing Device.
This problem has been bothering me for YEARS, and every now and again I get inspired to try and fix it. But still no luck! I'm sad that Firefox have not 'fixed' this issue when they released new versions of the software.
I've tried changing the settings in about:config (as suggested in other discussion threads about this issue) and nothing works. Tried different drivers, no luck. Any guidance would be appreciated.
Interestingly, the area of my touchpad that is set to horizontal scrolling acts "dead" in Firefox. Finger movements on it do nothing... the cursor doesn't move at all.

Hopefully an update fixes this. I have had this problem for a long time, tried many different fixes, no luck. Horizontal scrolling works in IE9 however.

How to create a scrollbar using adobe edge animiate

hello again,
i am having trouble creating a custom scrollbar with scrolling content using adobe edge animiate. i first tough that adobe edge animiate replace flash catalyst but with flash catalyst, i can easily create scrollbar but i am having a hard drive.
i know that i can use the overflow but i want to create a custom scrollbar with custom color, just like when using flash catalyst.
please help.

Hi Darrell!
I've develeppoed a scrubber starting from the modification JackPister made to your code:
http://forums.adobe.com/message/4802851#4802851
I would like that scrubber can move in a circular path and it actually moves, but doesn't scrub... :-(
Any idea!
Many thanks in advance for your support!
Davide

ANN: Horizontal Scroller Magic Released

[A commercial Dreamweaver Extension]
http://www.projectseven.com/products/tools/hscroller/index.htm
Horizontal Scroller Magic enables you to instantly create
Horizontal
scrolling boxes that visually complement your page design.
They look cool,
behave like a finely tuned machine and solve some usability
and
accessibility flaws found in many DHTML or Ajax scrollers.
Automated Insertion anywhere on your page
Multiple scrollers per page
Supports flexible widths
Choose from several style themes and control configurations -
including
graphical icons or pure text
Scrolling type options include normal, looping, auto-reverse,
and animated
carousel
Edit styles using Dreamweaver's built-in CSS editing tools
Standards-conformant markup
All content accessible and visible when JavaScript is
disabled
Keyboard-enabled scrolling
Toggle feature to hide scroller controls and show all content
Mouse wheel support in modern browsers
Meets major Accessibility checkpoints
Search engine-friendly
Free Technical Support
User Guide
The PVII Team
http://www.projectseven.com
Extending Dreamweaver - Nav Systems | Galleries | Widgets
Authors: "42nd Street: Mastering the Art of CSS Design"

Hi Kim,
It could be any number of things. Text contrast or frame
rate, for example.
Those are configurable so that people can set things up
optimized for their
best or worst case browser scenarios.
Al Sparber - PVII
http://www.projectseven.com
Extending Dreamweaver - Nav Systems | Galleries | Widgets
Authors: "42nd Street: Mastering the Art of CSS Design"
"kim" <[email protected]> wrote in message
news:fk64k2$3ss$[email protected]..
> Simple style flickers for me in FF2/XP
>
> PVII skrev:
>> [A commercial Dreamweaver Extension]
>>
>>
http://www.projectseven.com/products/tools/hscroller/index.htm
>>
>> Horizontal Scroller Magic enables you to instantly
create Horizontal
>> scrolling boxes that visually complement your page
design. They look
>> cool, behave like a finely tuned machine and solve
some usability and
>> accessibility flaws found in many DHTML or Ajax
scrollers.
>>
>> Automated Insertion anywhere on your page
>>
>> Multiple scrollers per page
>>
>> Supports flexible widths
>>
>> Choose from several style themes and control
configurations - including
>> graphical icons or pure text
>>
>> Scrolling type options include normal, looping,
auto-reverse, and
>> animated carousel
>>
>> Edit styles using Dreamweaver's built-in CSS editing
tools
>>
>> Standards-conformant markup
>>
>> All content accessible and visible when JavaScript
is disabled
>>
>> Keyboard-enabled scrolling
>>
>> Toggle feature to hide scroller controls and show
all content
>>
>> Mouse wheel support in modern browsers
>>
>> Meets major Accessibility checkpoints
>>
>> Search engine-friendly
>>
>> Free Technical Support
>>
>> User Guide
>>
>
> --
> Kim
> ---------------------------
>
http://www.geekministry.com
>

Horizontal Scroll bar in a list Box?

Hi,
I have a requirement in Adobe Designer where my List Box should also show Horizontal Scroll bar in it.
Is it possible?
Thanks.

Thanks Debadas,
But i need both (Horizontal & Vertical) the scroll bars and depending on the data length either or both should be visible, without changing the data visiblity or text rotation.
Regards,

Horizontal scroll bar for combo/lsit box in JSP

hi,
i want "Horizontal Scroll bar" for combo box to display long names.
regards,
krishna

Not a JSP issue. Look up styles, CSS, and dynamic HTML. They should help.

Horizontal Scroll Bar (Possible Bug)

Hello,
I am working on a site, and I have encountered a strange bug that is adding a horizontal scroll bar to my page, and I have no idea why. While there are elements that are lying outside of the page, the scroll bar shows up way before they are close to the edge of the browser window. This happens in Chrome, Safari, and Firefox.
What is very strange is that while trying to solve the issue, I removed several elements from my muse layout file, and I did find what was causing the issue. I have blue bars that act as headings for each section, and they are not 100% width (and I do not want them to be), and they were not off the page. However, once I removed those, the scroll bar stopped showing up so early when shrinking the browser window. I added the bars back in, one by one, and found out that depending on where I place the bar vertically will affect the horizontal scroll bar. This seems to happen whenever my bar is played below y: 1030. I have added screenshots to show this, and I can email my Muse file to Adobe support.
Some of you may notice that I do have an element that hangs off the page, and while this is true, I do not believe that it affects the issue I am having. When I remove the blue rectangles as described in the paragraph above, the website behaves as expected, even with my ribbon hanging off the page. With the blue rectangles, the scroll bar appears much before the browser window encounters the blue ribbon.
I have spent a lot of time searching for a solution, and playing with both the elements on my site and the page properties, and I cannot solve the issue. I just want there to be no scroll bar until the window is actually smaller than the page.
Screenshots:

Thank you for the great repro case. It was exceptionally helpful.
You've exposed a bug that's probably been there forever which required just the right combination of objects both on the page and off the left of the page in order to be triggered. We'll write up a bug to be investigated for a future release. Unfortunately the next major release is due out very soon, so this bug won't be fixed in time for that release. https://creativecloud.adobeevents.com/ccnext
A workaround (that no doubt seems arbitrary but should work in every case) is to group the blue box with any other object. Sorry for the confusion and inconvenience.

How can I eliminate unwanted horizontal scroll bars from certain pages on my site?

A few pages on my website have a horizontal scroll bar at the bottom of the browser. I have several other pages in the exact same format and none of them have the horizontal scroll. No elements are off the edge of the page or anything. I'm a designer and don't know code, which is why I'm using Muse, but all the forums I've checked so far give coding solutions that I don't understand or know how to apply to my Muse site. Anyone have any suggestions?

Can you post a URL for your site? (You could publish a free temporary site on Adobe Business Catalyst and provide the URL.)
Other than the page being wider than the browser window or there being content that's outside the page bounds, I don't know what else to tell you to look for. If you provide a URL, we can probably detect what's causing the horizontal scrollbar and let you know what needs to change.

Adobe edge animation button not working in muse

Ok so I went and created a button in adobe Edge that when clicked scrolls your browser to the top of the page since I couldn't create what I was looking to do in muse( I can create anchors to bring me to the top of the page but I dont like that i have to relink the button for each page and that clicking on the button acts as a page change so when you click the back button it brings you back down to the bottom of the page vs the previouse page). Anyways the button works perfectly fine when previewing it in adobe Edge but when I bring it into Muse and try to use it the function to bring you to the top of the page stops working, the mouse states still work though so it doesn't seem to be completly broken. Any ideas as to what I'm doing wrong or what I can do to fix this?

I just tried to host it to a temp businesscatalyst site and the .oam file isn't even showing up on the temorary page. Getting more and more confused.

Lesson for Adobe Edge Animate

Hello Everyone.
OK. Have been doing Edge Lesson's for quite nearly a year now, and wanted to share them with the community.
If you have any request or questions, please feel free to post them to the video links below, or in here, and I will
Try my best to assist you any way that I can.
Edge Animate has really come a long ways, and with the new CC, it has taken on a life of its own.
Look forward to what the future may bring with this awesome Adobe program release.
Wayne Barron
Dark Effects Production
Adding sound to Mouseover event in Adobe Edge Animate
3:42
1
Adobe Edge Animate - Add Sound in Mouseover Event
by darkeffectstv 1,987 viewsIn this video, we will learn how to add sound to a buttons Mouseover event in Adobe Edge Animate.…
Learning how to add sound to Adobe Edge Animate
7:08
2
Adobe Edge Animate Adding Sound to Project
by darkeffectstv 5,031 viewsAdobe Edge Animate Adding Sound to Project…
Remake, as the cursor was not in the last videos.
4:10
3
Adobe Edge Animate - Mirror Text Effects with Wipe On Text (Lesson 3) (Remake)
by darkeffectstv 447 viewsRemake with "Cursor" this time…
Remake, with Cursor
3:49
4
Adobe Edge Animate - Load Background Image (Lesson 3) (remake)
by darkeffectstv 1,050 viewsremake with Cursor, as Cursor was not int he original one.…
2:00
5
Adobe Edge Animate Starting Symbol at certain location
by darkeffectstv 245 viewsIn this quick tip.
We are going to stop a symbol from playing.…
6:53
6
Adobe Edge Animate Animate Logo to show and hide words
by darkeffectstv 418 viewsIn this lesson, we are going to learn how to take an Image (Like a LOGO for a company) and animate it on the screen, and show and hide words.…
5:44
7
Adobe Edge Animate Publish Files and JS Folder
by darkeffectstv 758 viewsIn this lesson, we will guide you through the ins and outs of publishing your site from Adobe Edge Animate, to a web server.…
6:19
8
Adobe Edge Animate Create a Pen and write a Line
by darkeffectstv 527 viewsIn this lesson, we are going to create a Pen, then write 2 lines.
This can be used in so many different projects, that it is endless.…
2:34
9
Adobe Edge Animate Rollover Button
by darkeffectstv 2,195 viewsIn this lesson, I will show you how to code a Rollover Button.
This is a very simple and easy way to create a Rollover Button, with very little effort.…
4:06
10
Adobe Edge Animate show Grid to fine tune your Animation
by darkeffectstv 77 viewsHave a lot of Animation in your project?
In this lesson, we are going to show you how to fine tune your animation down to the 30th of a second…
16:49
11
Adobe Edge Animate Create a Menu
by darkeffectstv 4,993 viewsIn this lesson, we are going to be creating an animated interactive menu, that is sure to grab your users attention.…
12:30
12
Adobe Edge Animate Menu Slide Down
by darkeffectstv 1,175 viewsIn this lesson, we are going to showing you how to create a Sliding Down Menu.
This was really big a few years ago, a lot of sites had these types of menus…
9:45
13
Adobe Edge Animate Menu Slide In from Left
by darkeffectstv 358 viewsIn this lesson, we are going to be creating a cool little menu that will slide in from the left.
I have never seen one like this before, and thought that I would create one, to see if it would work good,…
4:29
14
Adobe Edge Animate Pin and Timeline Indicator
by darkeffectstv 153 viewsIn this lesson, we are going to go over some basics on how to use the Pin and the timeline indicator. This will come in handy, if you have a big project and you wonder what happened, if something messes up …
16:43
15
Adobe Edge Animate Menu Button Header Footer
by darkeffectstv 905 viewsIn this lesson, we are going to be creating a Menu Button, with a Header and Footer.
This is a cool looking button, that will come in handy for some sites.…
12:56
16
Adobe Edge Animate - Shot Bullet from Gun and hit Wall
by darkeffectstv 110 viewsIn this lesson, we are going to be creating a gun, a bullet, a wall.
We are then going to shot the bullet, out of the gun, and destroy the wall.…
7:44
17
Adobe Edge Animate Menu Rollover Buttons
by darkeffectstv 1,047 viewsIn this lesson we are going to create some Rollover Menu Buttons.…
4:11
18
Adobe Edge Animate - Animate Ball Bounce Squish
by darkeffectstv 172 viewsIn this lesson, we are going to animate a ball, of which is going to bounce on the floor, and once it makes contact with the floor, it is going to squish down, just like a real ball will do.…
6:16
19
Adobe Edge Animate - Change Text when Button is clicked
by darkeffectstv 353 viewsIn this lesson, we are going to learn how to change the text of Textfield, when a button is clicked.
reusing the same Text Element over and over again, keeps the project clean and tidy.…
4:02
20
Adobe Edge Animate - Space Demonstration (Lesson coming soon!)
by darkeffectstv 49 viewsThis is a demonstration of a project that I have been working on for the last few days. This will be turned into a lesson, that will be available within the next week or so…
21:37
21
Adobe Edge Animate - Lesson 1 Space Project
by darkeffectstv 87 viewsAdobe Edge Animate space project, showing how to rotate elements around a centered element. Also, how to reuse the same text element over again…
9:32
22
Adobe Edge Animate - lesson 2 Display Planet Information using single text element
by darkeffectstv 61 viewsview lesson #1 first:
http://youtu.be/16GOY1QOD_…
1:39
23
Adobe Edge Animate - Open Link
by darkeffectstv 227 viewsIn this quick how to lesson.
We are going to create a link on Adobe Edge Animate.…
2:31
24
Adobe Edge Animate - Add Sound in MouseOut Event Part II
by darkeffectstv 192 viewsThis is a follow up to a previous lesson.
Please view the following lesson to catch up to what this is all about…
1:28
25

Here are 2 video using "Edge Hero"
Adobe Edge Animate - Edge Hero Lesson 1 - 3d Objects
by darkeffectstv 107 viewsIn this lesson, we are going to be working with a new plugin for Edge Animate called
Edge Hero…
6:55
2
Adobe Edge Animate CC Lesson #2 - Loading Video with Edge Hero
by darkeffectstv 40 viewsIn this lesson, we are going to load some video into our edge project using Edge Her…
And this is the latest video for Edge Animate CC
Adobe Edge Animate CC - Lesson #3 - Animate ball bouncing on boxes and changing colors
http://youtu.be/MxxpQspBpcw

Lightbox (jQuery Lightbox Evolution) made in Adobe Edge, doesn´t work in Adobe Muse (oam file)

Hi!, I got a problem that I can´t fix it, or I don´t know how to do it in Adobe Muse.
First I have the Jquery Lightbox Evolution ready to do it in Adobe Edge.
I could work the lightbox in Edge perfectly doing this:
1. I added the JS files of the Jquery Lightbox Evolution into EDGE :
2. I wrote this code in STAGE - COMPOSITIONREADY:
yepnope({load: "js/lightbox/themes/classic/jquery.lightbox.css",complete: function() {}});
3. I wrote this CLICK code into the blue box animation;
{$.lightbox("images/4.jpg");return false;};
4. Now, if I do a Preview, and if I click into the blue box animation, appears the Jquery Lightbox Evolution, like I want:
5. Perfect, I publish the project like an Animate Deployment Package (.oam) to import this into Muse.
6. Now the problems begins, I import the Edge animation into my Muse project, but when I see the preview of my page, the lightbox doesn´t work, Muse don´t recognize the lightbox CSS file because I see something like that:
The blue box animation work perfectly into Muse!, but when I click on it and when it should appear the Jquery Lightbox, happens that problem, Muse don´t recognize the CSS file and the "lightbox" appears INTO the box animation, like if I put a "_self" code.
Really I don´t know how to fix that, should import the CSS file into Muse? should write a code into Page Properties- Metadata?, write a code inserting a HTML?, change some code in Adobe Edge?
Thanks!!!!

I´m sorry, but any ideas how to fix that?

How To: Use Visual Studio, IIS Express, and Adobe Edge Inspect to view local projects

You CAN view a Visual Studio project with Adobe Inspect. The work around takes a little bit of time.
This involves using IIS Express to run your Visual Studio project, which is mainly a setting in Visual Studio, a Firewall change, a few command line and IIS Express config change. It isn't actually all that bad, but will make your life A LOT easier.
Here are the steps. (Note these are steps I used for Visual Studio 2012 and your project is part of a solution project. Windows 7 or Windows 8)
1. If IIS in not turned on, turn it on.How to: Enable Internet Information Services (IIS) - this should install IIS Express as well.
2. In Visual Studio, find the port that Visual Studio will be using for your project by Running your web project (Debug), and note/write down/save the port number that shows up in the browser when the project launches. (ex. http://localhost:12345)
3. Add a NetShare Reservation (process for this will be different for Windows XP)
Go to your Command Line (CMD) in Windows and in c:\Windows\system32> type in
netsh http add urlacl url=http://yourIPaddress:yourPortNumber user=everyone
(ex. netsh add urlacl url=http://12.34.56.78:12345 user=everyone)
Hit Enter key. You should be a successful add reservation message
3. Go to your Windows Explorer (File system) and go to c:/Users/YourName/MyDocuments (or Documents)/IISExpress/config/ and open 'applicationhost.config'
In the 'applicationhost.config' file find your site in the <sites> section.
Example:
<sites>
<site name="WebSite1" id="1" serverAutoStart="true">
                <application path="/">
                    <virtualDirectory path="/" physicalPath="C:\MyProjects\TestSite" />
                </application>
                <bindings>
                    <binding protocol="http" bindingInformation=":12345:localhost" />
                </bindings>
            </site>
</sites>
In this section ADD 2 new lines to the <bindings> section. Note add your own IP address and your own Computer Name
<binding protocol="http" bindingInformation="*:12345:12.34.56.78" />
<binding protocol="http" bindingInformation=":12345:MyComputerName" />
Save the config file.
4. Open up your Windows Firewall and go to 'Advanced Settings'. Here you want to create an Inbound Rule.
Right click on Inbound Rule and select New Rule
- Rule Type select 'Custom'
- Program leave this
- Protocol and Ports > Protocol Type select 'TCP' then Local Port select 'Specific Port' and fill in the port number you got from VS. Leave Remote Port alone.
- Scope
There are a few ways of doing this. Typically you would go the the Remote IP address and select 'These IP addresses: and select ADD > select 'Predefined set of computers' and choose Local Subnet. IF this does not work leave Remote IP addresses > Any IP address option selected instead.
- Action leave this
- Profile select Domain and Private
- Name put IISExpressWeb for the name
Select 'Finish'
5. Go to Visual Studio. (Note if you have multiple projects in your solution, choose your start up project. Right click on your project in Solution Explorer in VS and select 'Set as Start Up Project' )
Right click on your start up project again and you should see an option to 'Use IISExpress'
In the DEBUG dropdown (from the main menu bar at the top) select 'YourProjectName Properties'. Mine was the last one in the list with a wrench icon next to it.
This should open an new tab in your project, You should see a left hand list of option and a right hand column of options.
In the left column select 'Web' and in this tab select Use Local IIS Web server and select 'Use IIS Express' and type in your IP Address and port number (same as before) in the Project Url text box.
Save.
NOW, you should be able to run your project in Visual Studio and use Adobe Edge Inspect on your device and view new results in Chrome. You can develop from there.
If you still can not see it working, please be sure your device is on the same SubNet or Wireless network as your computer. If you are in a large network but the domains can still see each other, the Firewall Setting detailed above to allow Any IP Address in your Scope section.

Hi CMosqueda,
Thank you for taking time to share this information with other users.
Thanks,
Preran

How To Create A Website Background Video In Adobe Edge ?

Hello,
I have video file in my computer SSD drive and i want it to play as background on my web page (page that i am creating).I did try to follow this video:
How To Create A Website Background Video In Adobe Edge Animate Using Edgehero - YouTube
but i cant follow 100% what he is doing.
Guide that i did try to follow is at this link: How To Create A Website Background Video In Adobe Edge Animate Using Edgehero - YouTube
Steps i do in Adobe Edge Animate CC
1.) Create New
2.) i click + sign under section Library >> Scripts >> Add JS File from URL...
URL that i am adding is: http://www.edgehero.com/edgehero.js/1.2/edgehero_1.2_min.js (URL is taken from site: Edgehero.js )
I add this link: http://www.edgehero.com/edgehero.js/1.2/edgehero_1.2_min.js to box that occures after i click on Add JS File from URL
3.) I go to Edgehero.js and from there i scrol down to section named as Media - Html5 video / Html5 audio
and i select from there this:
there is a code:
// this will set the video as background of the div/rectangle
backgroundvideo_1 ='movie.mp4';
// put new edgehero.js variables here
4.) I go to Adobe Edge Animate CC 2014 and right click on project and select Open Actions for "Stage"
and then i click on + sign and select creationComplete
This will open Stage window
there i will copy this code:
// this will set the video as background of the div/rectangle
backgroundvideo_1 ='movie.mp4';
// put new edgehero.js variables here
5.) Then i click on ++ sign under library >> Video
and i add video from my computer SSD drive.
Video is named as video3.mp4
Now i eddit the code in Stage window (See above)
code will look after editing like this:
Then i change under left side px to %
6.) Then i copy backgroundvideo_1 from Stage Code:
Then i select Rectangle Tool and mark the area (white box) and i click on small C icon
And the box that occures i type there backgroundvideo_1_mp4 autoplay
now when i use ctrl and enter i only get gray box that does not play video.
What am i doing wrong?

Here is the html file.
Note video file that i try to add is random training video from youtube, And file format is saved using this site:
How do I download and save a YouTube video to my computer?
this is only for testing as i am not gonna put that video on background to my web page. I am only trying to understand how to add video as background.
http://www.filedropper.com/test3_5
http://www.filedropper.com/test3_6
http://www.filedropper.com/test3edge
http://www.filedropper.com/test3edgeactions
http://www.filedropper.com/test3edgepreload
Goal is to create background video like u can see here:
Adobe Muse Tutorial - Responsive Design Hack! by MuseThemes.com - YouTube
Similar possibility is available also in Edge as i understand?

My horizontal scroll bar went missing when I maximise the window. How do I fix them?

My horizontal scroll bar went missing when I maximise the window. How do I fix them? I tried everything; such as auto hide the task bar. Even with this, I still can't see the horizontal scroll bar. I even tried the following and I still can't see the horizontal scroll bar.
1) In a new tab, type or paste about:config in the address bar and press Enter. Click the button promising to be careful.
(2) In the search box above the list, type or paste dom and pause while the list is filtered
(3) Double-click the dom.disable_window_open_feature.scrollbars preference to switch it from false to true. By choosing true, you disable sites from deciding whether there can be scrollbars on a window, and Firefox uses its standard behavior for the page.
If you want to always get other bars, here are the corresponding settings:
Menu Bar: dom.disable_window_open_feature.menubar
Navigation Toolbar: dom.disable_window_open_feature.toolbar
Bookmarks Toolbar: dom.disable_window_open_feature.personalbar
Please help.

Can you post a screen shot?
Taking a Screen shot; '''''Windows > Start >''''' search box '''''> Snipping Tool'''''.
Save the picture(s) to your desktop. Now look at the '''Reply''' box below.
Do you see the button under it that says '''Browse'''? Click it and then select
the screen shot(s) from the desktop.

Adobe Edge Animate CC won't preview in Browser

I am writing a review on Adobe Edge Animate CC. Loving the program until I tried to preview it in a browser.
I am on a PC, using latest version of Firefox, and IE10. The only thing that is viewable in either browser is a static image.
The animation runs perfectly "within" the Edge Animate CC program.
Need to resolve this problem, as I would hate to give the program a bad review, especially if it is something that I'm doing wrong.
Thanks for any help you can give,
Dee Marie

Thanks for your response to my question.
The animation I created was very simple one.
The Original Animation (that I could not view in any browser)
1. Resized the Stage and changed the background color
2. Created a "moon" shape from the Ellipse Tool, adding a silver color and inverted shadow
3. Animated "moon" shape using Motion Paths
4. Added a font from Edge Web Fonts (clicking the Add Fonts within the Edge Web Fonts box), changed font color and size
Saved each step as I created them
The first time I tried to create the above animation it would not animate when previewed in browser.
TODAY: I started from scratch.
The only thing that I did differently: after saving "each" step, I clicked preview in browser.
To my surprise, each time I added an additional step the animation worked perfectly when I clicked "preview in browser"
Not sure what I did wrong the first time ... as I stated above, the only thing that I did differently this time was to click the "preview in browser" between each step (after first saving each step).
So, whatever I did, it is now working perfectly!
Thanks again for your helpful response.
Sincerely,
Dee Marie

Horizontal Scroll Box in Adobe Edge

Similar Messages

Maybe you are looking for