How to export Edge Reflow work file to Dreamweaver

Save (or Save As) your current Reflow Project. Navigate inside the project folder and locate the "assets" subfolder. Inside you will find all the HTML, CSS and JavaScript code of your project. You can open it in dreamweaver and edit ad you like.

...You also have to preview in Browser once to find all the file you need!

Any time you preview in browser the assets folder is updated!

I was looking for the same answer about transfer RF project to DW. I have tried, but I have probably did something wrong or I don`t know, but it doesn`t look so good as on RF. Everything is messed up and even CSS doesn`t really work the way it supposed (eg.shadows, rounds). Is there any tutorial video to explain and show clear how to do it. I`m more visual guy and like videos ;-) AdobeTV? Thanks.

If you open the HTML files generated by Reflow in Dreamweaver's Live View it won't look exactly the same because the rendering engines are slightly different versions of WebKit (the reflow one is a little newer). However, this is the same general issues that you always need to solve when going from desgin to production. Some things won't render the same in all browsers and some may need pollyfils or addtional code if it's important to support a particualr browser. Thanks for using Reflow and keep the feedback and questions comming!

Thank you Chris,

I was wondering, what`s the point to use RF then? One have to put a lot of afford to think about design, layout, effects and then...Boom! start almost from scratch in DW. Isn`t better to start in DW right away? I like RF for the reason I stated above, design, layout made easy. The only way to have website seen as on RF would be upload to server as it is after save. The problem is it would be everything Reflow in page source if someone check it.

I have to try DWCC yet.  I`m not professional developer, but I do sometimes on request simple sites. I used DWCS6 so far. Maybe it would be better to use RF without any effects like shadows, rounds etc and instead make them in DW after all. I wonder what other do to make workflow as smooth as possible

It should be easier to design your website in Reflow and you should be able to design without needing to touch the code. The flip side is you will probably want to have some steps to take the code from Reflow and get it ready for production. As part of designing on the web, your work won't look exactly the same on all the browsers, even if you start in DW. For things specifically like shadows and rounded corners, these will show in most newer browsers and for the ones they don't show in, the result is usually still ok. It looks better with rounded corners, but square works ok too.

So what would you recommend for a situation where I already have a site with a lot of code (php & js) in DW and a layout in place (meaning in production), but would like to switch layouts with ones created in Reflow?

I like what I see in Reflow, but I don't know enough about how easy its result would integrate in a site that's already developed.

What can I expect from RF if I try implement its result into a php/js site? Here's what I would be looking for:

1. I would definitely need the div hierarchy and the dom to stay the same. I have JS & Jquery on the page and changing the hierarchy in the dom would wreak chaos.
2. Is the generated JS flexible enough to tweak so it doesn't butt-heads with my existing js
3. My site has php content which I test locally on xampp... The tutorials I've seen are all geared towards static html pages and there doesn't seem to be anything that helps integration with dynamic content when designing.

To clarify point 3... Imagine that I create a template in Reflow and then work it in my own site (php).

Now imagine I need to tweak stuff and make changes. What is the workflow for that? Export again and start the whole thing over?

Usually implementation and development of site requires a lot of back and forth. I see that with the Photoshop - Reflow this is easy. I'm not sure I understand a Reflow - Dreamweaver workflow.

This is important (for me at least) because how many sites out there are static?

Thank you.

Christ is it possible, or will it be possible to export Reflow site to Business Catalyst?

thanks in advance.

yd.

The same options apply. You can take a lot of the design from Edge Reflow and move that to a BC site, but you are going to need to do some hand coding to interleave the parts of HTML & CSS you need for your design and the server side BC code. If you are using the BC integration in DW then the steps are what is described above. One good thing about Reflow's ID selectors is if you are moving part of a design to a BC template, you can at least be sure you are getting all the HTML and CSS you need because there is very little inheritance in the css we use.

Hope that helps and thanks for using Reflow!

Chris

Hi thanks for replying Chris.

Can it be done as of today?

y.

ps. sorry if my questions are strange it might be because of my lousy english (i'm francophone)

You can do it today. You can either use the code popover to get just the CSS (the <> buttons on the button of the application) or get the relevant HTML and CSS you need from the preview. I know there are master pages and templates for BC so you will need to do copy/paste to get everything in the right spot, but it will work today. No worries about you english, as long the answers are helpful and you are successful using Reflow in the end.

Chris

I will definitely check this out as soon as i can. Reflow is going to make the Earth stop turning for a moment.

Merci beaucoup mon ami!

Hello Francesco,

Does this mean the Edge Reflow file will also be updated? If I open the html file via Dreamweaver, insert a table, save it, and open the Edge Reflow package file, will the table be there?