Widgets, Captivate 8 and Adobe Edge - Custom Creation

Can one create a Widget in Adobe Edge and then add it to Captivate 8? Or are only the prebuilt Widgets available?

There were external widgets, only for SWF-output, created with Flash. AFAIK there are only two external widgets available that also work for HTML5 output, from Jim Leichliter. Most widget developers stopped when the HTML5 hype started. David answered about Edge Animate.

Similar Messages

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

What is the difference between Brackets and Adobe Edge Code?

Adobe Edge Code is a distribution of the Brackets open source project optimized for professional web designers and developers. This build of Brackets includes community and Adobe-built extensions that are not part of the Brackets open source project. If you are a Creative Cloud member, this is version is made special for you.
But, we're just getting started. Currently we have support for the free Adobe Edge Web Font service. The next release will add support for previewing directly on devices as you develop with Edge Inspect CCM and we'll be adding more integrations over the next few months.

Hi Chitra,
In simple term:
SU53: Authorization i dont have
SU56: Authorization i have
Further information pls check this
diff in su53 and su56

Captivate 4 and Adobe Connect Pro

Hello,
I created some lessons using Adobe Captivate, then I posted them to Adobe Acrobat Connect. Each lesson is a prequisite for the lesson before. I noticed that some of my users are simply opening the lesson and closing them again -- when they do this, adobe acrobat connect logs the lesson as being complete and opens the next lesson in the curriculum.
In short, is there a way to prevent the users from doing this?

So, i sorta found a way to do this -- by adding a TOC and making the lessons self-paced, the user will always be brought back to the place where they left off when they exited the lesson.
But it seems that even though the icon in the curriculum list changes to CONTINUE when the user closes the lesson, it still unlocks the next lesson even though the staus checkmarks in the previous lesson are not complete.
Help. Are there any other such postings?

Business Catalyst and Adobe Edge Animate

I have created an animation in Edge Illustrate. I place it into my website using Dreamweaver CS6 as my editor. The animation runs fine in preview in browser, however when uploaded to Business Catalyst, it does not run. Does someone have experience in ustilizing Edge animations in BC website? What am I doing wrong?
Thank you.

Liam:
Thank yo for the reply. Here is how I have the Edge incorporated into my page:
I have the Edge runtime section in the Head. I have the stage incorporated into div id "Column_1. The Index_Desktop_Animation_2edgePreload.js is in the same directory as the web page (Index.html). I put a / in front of the preload script as you suggested. I also tried using the full directory http://pharmacure.buseinsscatalyst.com/ in front of it and it still did not play, although this played in preview this way.
It still does not run as shown.
Steve

Need help with adjusting Javascript code to work in Adobe Edge (Countdown)

Hello
Im a newbie when it comes to working with Javascript and Adobe Edge and need a bit of help with adjusting some javascript code to work with Adobe Edge. A friend of mine helped me with making this javascript code: Edit fiddle - JSFiddle
Its a simple countdown which counts down to a certain time at a certain date. What I aim to do is to add this code as a trigger on a text-element called "countdown" (within a symbol called "count").
I have tried to do this as the code is, but it does not work. Anyone have any suggestions?
Thanks!
Mvh,
Øyvind Hermans

Hello again
I have stumbled upon a problem with these animations; They crash the browser after viewing them a little while, usually less than 30 seconds in.
Is this problem also occuring when you watch the animations?
Is the countdown-code to much for the browsers to handle?
Thanks in advance for your answers.
Sincerely,
Øyvind Hermans

Adobe Captivate 4 at Adobe Learning Summit

Adobe made several exciting announcements at the Adobe
Learning Summit in
San Jose last week. I posted a rundown on my blog
http://stevehoward.blogspot.com/2008/11/redfly-perfect-mobile-companion.html
Steve
http://twitter.com/Stevehoward999
Adobe Community Expert: eLearning, Mobile and Devices
European eLearning Summit - EeLS
Adobe-sponsored eLearning conference.
http://www.elearningsummit.eu

> Adobe made several exciting announcements at the Adobe
Learning Summit in
> San Jose last week. I posted a rundown on my blog
>
>
http://stevehoward.blogspot.com/2008/11/redfly-perfect-mobile-companion.html
>
Yikes - wrong link, sorry
http://stevehoward.blogspot.com/2008/11/adobe-shows-off-captivate-4-and-adobe.html
Steve
http://twitter.com/Stevehoward999
Adobe Community Expert: eLearning, Mobile and Devices
European eLearning Summit - EeLS
Adobe-sponsored eLearning conference.
http://www.elearningsummit.eu

Captivate 3 and Flash CS3 under Vista 64

Hello,
I'm having a problem with using Adobe Captivate 3 and Adobe Flash CS3 in tandem to get my Captivate project in a file format accepted by online video sharing sites such as YouTube. Since Captivate 3 does not have an option to export to .avi or any other accepted movie file format, I thought that I would export the Captivate project to Flash, and then export it to the avi file format through Flash. However, whenever I select "File>Export>Project To>Flash CS3," I get the following error in Flash:
quote:
The import did not finish because an unknown error occurred
I could not find any resources that pertained to my particular problem. I am using Windows Vista Ultimate 64-bit, with a different directory structure than XP. In the Adobe Developer Center article " Exporting your Adobe Captivate project to Flash," it references a certain "RDMFISTUB.DLL" file that I cannot locate on my system. Could this problem be caused by incompatibilities with Vista?
My end goal is to post a Captivate project comprised of mostly full-motion recording to YouTube. If there is another way to do this that doesn't involve installing any 3rd-party software, I'm open to that as well.
Thank you

You said...
quote:
The much bigger obstacle is that when I export a Captivate
project that incorporates full-motion recordings with static slides
displaying a text caption to Flash and then to .mov, I lose the
full-motion recordings: they are replaced with a blank white or
black screen (whatever the background color is set to be). The
audio is gone too. I don't know what is causing this, but I would
really appreciate any help you could lend me concerning this.
I don't have a solution -
maybe someone else here does - but would offer an
observation ...
Keeping in mind that I avoid monkeying with my own Captivate
projects in Flash because of the various inconsistencie, some of
which you have seen ... I am hopeful that the Captivate team does
something to address the handling of full-motion slides. We all
know that they are created as AVI clips which are then converted to
SWF as separate slides, so it seems logical to me that there must
be a way to offer the source, that is, the AVI or a FLA either of
which would then be handled separately inside Flash (for those who
like to do their tinkering in that environment).
In the meantime, you might try to change the timing of the
(errant) full-motion slide a bit. Like, perhaps add or subtract a
tenth of a second to it or otherwise change its properties so that
the import doesn't end up as a blank. Just thinking out loud in
trouble-shooting mode... come to think of it, when the project is
published to SWF/HTM, each full-motion slide is published as a
separate SWF file. Would it be possible to publish the project,
then try to bring that SWF back into Captivate as an animation?
It's late here and I'm getting into fuzzy-thinking time, so if that
doesn't make sense, it wouldn't surprise me.

Is Adobe Edge Code ready for day-to-day use?

Yes and no, as it depends on what features are needed for your workflow. We hope to have a version of Adobe Edge Code that is ready for a broader day-to-day use definition within the next couple releases going into 2014 [timeline updated based upon all your recent feedback]. Until then, we'd appreciate your help in testing it out!
If you're passionate to assist in the future of Edge Code, consider contributing directly to its base open source project Brackets.
Related: What is the difference between Brackets and Adobe Edge Code?

Manigandan,
Thank you.
Some PCs with less RAM or slower processors cannot display Flash in a smooth and fluid motion. Te motion is jerky or hesitant, with breaks an gaps.
So, can you tell me if Edge will NOT have the same jerkiness in motion as Flash does?
Will Edge retain all graphical elements and quality....and show all motions and actions as I set in Flash?

Custom CSS Is Crashing Adobe Edge Animate

Below is the HTML and CSS for a basic page, with one style. When I open it in Adobe Edge Animate and then create a shape, and set the class of that shape to "mystyle" it displays fine in the Edge Animate window (except the border style appears missing). However, as soon as I try to move the shape, Edge crashes - consistently every time. If I create a DIV on the page outside of Edge Animate first, and apply the CSS to it, then open the page in Edge, I can move the shape around - but I lose several style options in the Properties panel such as Filters and a couple others.
I'm trying to get a better understanding of what would be the best workflow when trying to use Edge to animate existing web page layouts - creating the animations and DIVs entirely in Edge first then placing the animation into an existing layout, or creating a page layout in something like Dreamweaver (along with all my other custom CSS), then opening it in Edge to animate it.
I saw elsewhere where someone explained how to attach an external style sheet instead. This seems to work without crashing, however I cannot see the rendered style on the stage itself, only when I preview the animation in a browser.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style type="text/css">
.mystyle {
          width: 248px;
          height: 200px;
          margin-right: 10px;
          margin-top: 10px;
          float: left;
          border: 1px solid #b6b6b6;
          -moz-border-radius: 20px;
          -webkit-border-radius: 20px;
          border-radius: 20px;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          background-color: #ebebeb;
          -moz-box-shadow: 3px 4px 5px rgba(0,0,0,.1), inset 0 0 10px rgba(255,255,255,.75);
          -webkit-box-shadow: 3px 4px 5px rgba(0,0,0,.1), inset 0 0 10px rgba(255,255,255,.75);
          box-shadow: 3px 4px 5px rgba(0,0,0,.1), inset 0 0 10px rgba(255,255,255,.75);
          background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d 3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiI HByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0 ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwM mUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIi8+Cjx zdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZ XQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iNTElIiB zdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSI5OSUiIHN0b3AtY29sb3I9I iNkNmQ2ZDYiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmQ2ZDY iIHN0b3Atb3BhY2l0eT0iMSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9I jEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
          background-image: -moz-linear-gradient(bottom, #ebebeb 0%, #ebebeb 0.27%, #ebebeb 50%, #fff 51%, #d6d6d6 98.93%, #d6d6d6 100%);
          background-image: -o-linear-gradient(bottom, #ebebeb 0%, #ebebeb 0.27%, #ebebeb 50%, #fff 51%, #d6d6d6 98.93%, #d6d6d6 100%);
          background-image: -webkit-linear-gradient(bottom, #ebebeb 0%, #ebebeb 0.27%, #ebebeb 50%, #fff 51%, #d6d6d6 98.93%, #d6d6d6 100%);
          background-image: linear-gradient(bottom, #ebebeb 0%, #ebebeb 0.27%, #ebebeb 50%, #fff 51%, #d6d6d6 98.93%, #d6d6d6 100%);
          overflow: hidden;
</style>
</head>
<body>
</body>
</html>

You could use the styles inside Edge Animate directly in compositionReady. If you have an earlier version of edge for the gradient do:
For example:
sym.$('Stage').css({
'background-image': '-moz-linear-gradient(bottom, #ebebeb 0%, #ebebeb 0.27%, #ebebeb 50%, #fff 51%, #d6d6d6 98.93%, #d6d6d6 100%)',
          'background-image': '-o-linear-gradient(bottom, #ebebeb 0%, #ebebeb 0.27%, #ebebeb 50%, #fff 51%, #d6d6d6 98.93%, #d6d6d6 100%)',
         ' background-image': '-webkit-linear-gradient(bottom, #ebebeb 0%, #ebebeb 0.27%, #ebebeb 50%, #fff 51%, #d6d6d6 98.93%, #d6d6d6 100%)',
          'background-image': 'linear-gradient(bottom, #ebebeb 0%, #ebebeb 0.27%, #ebebeb 50%, #fff 51%, #d6d6d6 98.93%, #d6d6d6 100%)'
You can add the other properties between the {} with the same format:
'propertyName':'value',
Newer versions of Animate have gradient from color panel.

Is it planned to add feature for creating tables and lists in Adobe Edge Reflow?

First of all, thank you very much guys for all your work!
In my opinion Adobe Edge Reflow is missing quite important features, like creating tables and lists. For me it's a reason why I can't switch to Reflow. Any plans for implementing these? Is there any place where I can see the list of planned feature implementation? Didn't find it.

Missing tables is a big one for me too, especially when doing data-grids. My last prototype was using multiple responsive data-grids where I used the simpler essential/optional hide column approach, instead of stacking or scrolling the data. I had used Reflow in the past for basic content prototypes... but had to do this one by hand... took longer. Using divs for this did not collapse properly in all the browsers, plus the back-end team use widgets that only generate tables. Here is the example:
http://www.topwebworks.com/assets/test/prototype/riocompass_prototype_v1

Captivate 8 Continually Crashes: When trying to publish, When trying to use the Object Style Manager. Also it is blocked by Windows Firewall (adobecaptivatews) every time it launches. Working with Captivate App Packager the pane to import from Adobe Edge

Captivate 8 Continually Crashes: When trying to publish, When trying to use the Object Style Manager. Also it is blocked by Windows Firewall (adobecaptivatews) every time it launches. Working with Captivate App Packager the pane to import from Adobe Edge is missing, so not clear how to import. Overall it seems unstable. Am I doing something wrong? Trying to evaluate before buying so working on a trial version (14 days left), but a bit concerned with Captivate 8 Performance. Please help! :-

Hi Vikram and Lilybiri,
Thanks for your responses :-)
I'm working on Windows 8.1... I think that I may have found the issue... I was saving the file in a project directory rather than the default My Captivate Projects folder...
Perhaps Captivate was struggling to find resources it needed?
It hasn't crashed for a while now, though it is struggling - I'm working with a 54 slide PPT presentation that is linked and it takes a very long time to interact.
Sometimes it says that I've removed slides, which I haven't?
Best,
Christy.

Episode 1: Edge and the Twitter API | Create Like Crazy with Adobe Edge | Adobe TV

Adobe Edge is not limited to sexy web animations; you can also build apps and integrate third-party APIs easily. In this lesson, connect to Twitter, pull tweets, and visualize them using an item renderer built using Edge, thereby learning how to consume APIs and create elements programmatically within Edge.
http://adobe.ly/LWYBWm

Hi,
So I have attempted to integrate the API as you have suggested. I am not a coder so I have no idea what I am really doing but check out what I have pulled together so far:
http://dl.dropbox.com/u/9159616/Circle%20Pulse%20w%20Twitter%202.zip
What I would like to do is be able to change the query to something custom so that anytime I hove over the button, a new tweet with the query of my choosing slides up and the old one Fades out.
Can you help with this? I really appreciate it. Thanks for posting this amazing tutorial.
Adam

I can't download the Adobe Edge Reflow. The file's downloading is successfull but the file doesn't go to my Creative Cloud so I can't install the programme. I have already install the Photoshop CC and the Reflow Plug-in for Photoshop. May I ask help? :) T

I can't download the Adobe Edge Reflow. The file's downloading is successfull but the file doesn't go to my Creative Cloud so I can't install the programme. I have already install the Photoshop CC and the Reflow Plug-in for Photoshop.

Hello
1. I am running on Windows 8.1
2. When running the installer file from https://creative.adobe.com/products/download/reflow I get the following choice
I click "OK" which doesn't do anything for me (CC is off).
I turn CC on and run the installer again. I get the following window that within few settings disappears:
Then - just for half a second it says "Launching Creative Cloud desktop" and then it brings CC to front, and that's all.
RF still not there.
3. I spoke ta support agent on the Adobe chat on Friday. He looked into my computer for an hour. Uninstalled After Effects (after failing to update it). For some reason all apps disappeared from the list. They then reappeared after he opened PS.
This morning After Effects is still showing up in my system and is operational.
Weird.
4. At the end the agent suggested maybe Firewall is the problem here. Trying that out now.

Hi, I am trying to install 4 Adobe apps onto a new iMac but Apps in Creative Cloud doesn't list any apps but says there is a download error and to contact customer support.

Hi, I am trying to install 4 Adobe apps onto a new iMac but Apps in Creative Cloud doesn't list any apps but says there is a download error and to contact customer support.
I can sign in fine with my username and password.
Rick

Hi daveforrestaid,
Please refer to the threads below where this issue has been addressed:
1. Creative Cloud "Download Error" message
2. Creative Cloud - Download error - stubborn error
Regards,
Sheena

Widgets, Captivate 8 and Adobe Edge - Custom Creation

Similar Messages

Maybe you are looking for