The following sample and download demonstrates a simple (custom) use case vertical and horizontal scroll bar. As captured below, the process uses a simple workflow: nest a text element (child) into a content div (parent) and set the parent div ‘overflow’ property to ‘hidden’. This essentially prevents text longer
Read more →
This is a deviation from the Symbol Instance tutorial posted earlier. I re-positioned the symbol instance; turned off Solid Color Fills; disabled the ‘box-shadow’ css ‘blur’ effect, and enabled Stroke Fills. Click image below (or here) to preview. Download sample project file below.
Read more →
Here is a simple example demonstration symbol creation and using multiple instances’ of that symbol on the Timeline, with a touch of Playback dynamics and CSS (‘box-shadow’) ’blur’ effect. Click the image below (or here) to preview the animation. One: New Edge Project Create a new Project (File
Read more →
Point Type When you Click once you only get a single point of entry that produces a single line of text. No chance at wrap to the next line becasue when you hit Enter the text editor closes. Ideal for single characters, words (Headings) or short phrases (Paragraphs).
Read more →
Here is a handy tip getting a cursor mouseover the elements that require it. As sampled below , I have 5 elements on the stage but only need 3 of them (colored white) to have the proper cursor appear on mouseover. I could selectively go to each individual element
Read more →
Here is a simple animation demonstrating a stage level ‘keydown’ event. As captured below I have some artwork elements created in Adobe Fireworks and imported to the stage. The capture on the left shows the initial night scene follwed by an end user instruction to click a certain keyboard
Read more →
This Edge preview example shows two quick versions of the Show/Hide functionality on click event. In the first example when the user clicks “lbl” text element it will fire off the click handler that shows a graphic. Click the same text element and the graphic element is hidden. For this
Read more →
The following example employs a mixture of: Timeline Transitions; Action Triggers; Labels; Element event Action handlers ( mouseover, mouseout and click ); and some Element property and transition manipulations through direct .css and jquery; Download the sample source files. The basic premise is to have some artwork and text elements initiate
Read more →
Here is a tip to help achieve a quick image swap behavior without burdening the Elements Panel with imported graphics and preserve your Timeline animations with other important transitions. Preview sample Image Swap (mouseover) example here. Step 1: Import Artwork & Convert to <img> As captured below I
Read more →
As demoed 6 different text element mouseover/mouseout examples in the one project file. Preview sample mouseover example here. To quickly identify with my notation statements i’ll reference the callback process like this: select element > add action: insert code Translated: Select element in Elements Panel > click the Action
Read more →
