Author Topic: How to make flowcharts [WORKING]  (Read 4393 times)

WiZaxx

  • Jr. Member
  • **
  • Posts: 66
    • View Profile
How to make flowcharts [WORKING]
« on: May 22, 2010, 04:51:25 am »
Description:
I have found this W.I.P. vector graphic editor that is really good for creating flowcharts, as well as any other graphics. It saves both .png and pure .svg

You can find more info here: http://code.google.com/p/svg-edit/

I have slightly edited the .css to match FO color scheme, cleaned a little the files and packed all in a zip file for easy installation. I chose the nightly build as it has many more features and it seems quite stable too.

Skills:
Minimal
Knowledge of the "Hello World" patch (search this forum if you are unfamiliar with it)

Requirements:
  • Fengoffice installed (1.6 and 1.7rc works well; I can't tell about earlier vers)
  • FTP access to your server will be enough although SSH terminal will be faster
  • The SVG-editor that you will find attached to the next post (I will update for newer rel.)
  • Firefox 3.6+ is the only browser that allows for insert/open local files

Howto:

  • Download the SVGeditor.zip
  • create a new folder in the fengoffice root (yourdomain.com/fengoffice/svgedit)
  • Upload and unzip the SVGeditor into the new folder
  • At this point you should have a fully functional installation of the SVG-editor at .../svgedit/svg-editor.html

The only thing left is to follow the instructions for the "hello worlds" to add a tab and get your the editor to work from inside FO.

I have added this block to mydomain\fengofficeroot\public\assets\javascript\og\layout.js:

Code: [Select]
//The SVG edit tab
og.panels.lab = new og.ContentPanel({
title: lang('svgedit'),
id: 'svg-panel',
iconCls: 'ico-svg',
refreshOnWorkspaceChange: false,
defaultContent: {
type: "html",
notbar: true,
data: '<iframe style="width:100%;height:100%;border:0" src="http://mydomain/svgedit/svg-editor.html"></iframe>'
}

Good luck
« Last Edit: May 24, 2010, 07:46:29 pm by WiZaxx »

WiZaxx

  • Jr. Member
  • **
  • Posts: 66
    • View Profile
Screenshot and files
« Reply #1 on: May 22, 2010, 05:06:25 am »
Here is a screenshot of the application wrapped in fengoffice with a theme close to FO's one.

All you need is in the attached file.
I will update the attachment to reflect the latest release from the community.

I have modified the icon to match FO and you will find it (in few sizes) in images/

Cheers,
Wz
« Last Edit: May 24, 2010, 06:11:24 pm by WiZaxx »

allenlook

  • Volunteer Moderator
  • Sr. Member
  • ****
  • Posts: 312
    • MSN Messenger - sii_lookal@hotmail.com
    • View Profile
    • SI Group, Inc.
Re: How to make flowcharts (work in progress)
« Reply #2 on: May 22, 2010, 10:14:55 am »
Do you get an error of some kind?
I am a volunteer moderator.  Any statements, opinions or observations I contribute are solely mine and are not necessarily shared by the makers of Feng Office.

WiZaxx

  • Jr. Member
  • **
  • Posts: 66
    • View Profile
Re: How to make flowcharts (work in progress)
« Reply #3 on: May 22, 2010, 04:29:43 pm »
Yes I'm trying to upload a 102Kb jpg file and I'm getting this:

Quote
The upload folder is full. Please try a smaller file and/or contact an administrator.

Glad if you can help.
M
« Last Edit: May 22, 2010, 04:31:22 pm by WiZaxx »

cabeza

  • Administrator
  • Hero Member
  • *****
  • Posts: 1004
    • View Profile
    • Feng Office
Re: How to make flowcharts (work in progress)
« Reply #4 on: May 24, 2010, 03:40:55 pm »
It appears to be working now.