Author Topic: How to Add Gantt Charts (JSGantt) to Feng Office  (Read 96836 times)

hoangnv

  • Newbie
  • *
  • Posts: 3
    • View Profile
    • Email
Re: How to Add Gantt Charts (JSGantt) to Feng Office
« Reply #345 on: September 22, 2012, 03:55:07 AM »
I include here for your reference my settings to make the integrated tab work in Feng Office.  I reiterate however that it is *not* necessary to integrate jsGantt as a tab in Feng Office, you simply need to use the index.php I've supplied as a normal web page, and give it access to your Feng Office database.  Your integrated tab after this exercise will be called "Labs".

First copy the attached file 'LabController.class.php' into your 'application/controllers' folder.

Second, you should already have copied all my jsGantt-related files into an 'application/views/lab' folder that you create.

Third, you add the tab to the tab panel by adding the following section to 'public/assets/javascript/og/layout.js'.  Add it just BEFORE the following line of code: og.panels.reporting = new og.ContentPanel({

Code: [Select]
// AEL - Begin mod to add lab panel to Feng Office
og.panels.lab = new og.ContentPanel({
title: lang('labs'),
id: 'labs-panel',
iconCls: 'ico-labs',
refreshOnWorkspaceChange: false,
defaultContent: {
type: 'html',
data: '<iframe style="width:100%;height:100%;border:0" src="application/views/lab/index.php"></iframe>'
}
}),
// AEL - End mod to add lab panel to Feng Office

Fourth, you want to set up your label for your new tab.  You want to paste the following code into your 'language/en_us/lang.js' file, just AFTER the following line of code: addLangs({

Code: [Select]
// AEL - Begin mod to add lab panel to Feng Office
'labs': 'Labs',
// AEL - End mod to add lab panel to Feng Office

For completeness, I added this line of code to every lang.js file for every language shown under the 'languages' folder, but if you only use English you don't need to do this.

Fifth, you can set up your icon for your application.  I cheated and re-used the magic wand icon from templates.  This probably isn't necessary per-se, but I wanted a nifty little icon like the rest of the tabs.  To do that I copied the file 'public/assets/themes/default/images/16x16/template.png' to 'lab.png' in the same directory.  Then I added the following code in 'public/assets/themes/default/stylesheets/general/layout.css' in the same general section the other icons were defined (ico-tasks, ico-documents, etc.).
Code: [Select]
/* AEL - Begin mod to add labs to Feng Office */
.ico-labs {
background-image: url(../../images/16x16/lab.png) !important;
}
/* AEL - End mod to add labs to Feng Office */

That is what it took to make the tab work for me.  Again, I'm not a tab expert, I really started the thread more to share our work with jsGantt, and having it on a tab is kind of just a nice thing to do.
I haven't see code og.panels.reporting = new og.ContentPanel({ in file layout.js of Feng office version 2.2
How to add chart flash statistics report?

allenlook

  • Volunteer Moderator
  • Global Moderator
  • Sr. Member
  • *****
  • Posts: 312
    • MSN Messenger - sii_lookal@hotmail.com
    • View Profile
    • SI Group, Inc.
Re: How to Add Gantt Charts (JSGantt) to Feng Office
« Reply #346 on: September 24, 2012, 08:31:20 AM »
Bear in mind this mod was for a version of Feng Office more than a year old.  The code may have changed significantly since then.
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.

hoangnv

  • Newbie
  • *
  • Posts: 3
    • View Profile
    • Email
Re: How to Add Gantt Charts (JSGantt) to Feng Office
« Reply #347 on: September 25, 2012, 06:15:36 AM »
Bear in mind this mod was for a version of Feng Office more than a year old.  The code may have changed significantly since then.
How to using flash chart for Feng Office 2.2 beata? (same demo Feng Ofice 2.1)
Please help me

allenlook

  • Volunteer Moderator
  • Global Moderator
  • Sr. Member
  • *****
  • Posts: 312
    • MSN Messenger - sii_lookal@hotmail.com
    • View Profile
    • SI Group, Inc.
Re: How to Add Gantt Charts (JSGantt) to Feng Office
« Reply #348 on: September 25, 2012, 08:43:28 AM »
Sorry, no idea.  I haven't used the Gantt Charts since about version 1.7, if I recall correctly.
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.

hoangnv

  • Newbie
  • *
  • Posts: 3
    • View Profile
    • Email
Re: How to Add Gantt Charts (JSGantt) to Feng Office
« Reply #349 on: September 25, 2012, 12:08:20 PM »
Sorry, no idea.  I haven't used the Gantt Charts since about version 1.7, if I recall correctly. 
You have flash charts statistics on Feng Office 2.1 demo.
How to create them?
« Last Edit: September 25, 2012, 12:12:23 PM by hoangnv »

allenlook

  • Volunteer Moderator
  • Global Moderator
  • Sr. Member
  • *****
  • Posts: 312
    • MSN Messenger - sii_lookal@hotmail.com
    • View Profile
    • SI Group, Inc.
Re: How to Add Gantt Charts (JSGantt) to Feng Office
« Reply #350 on: September 25, 2012, 12:14:52 PM »
Sorry, I don't know what you're referring to - I have not used or supported this mod for a very long time.

These instructions are for jsGantt which is java-based, and does not use flash.  If you can be more specific, perhaps I can point you in a direction, but I am no longer familiar with this code or mod.
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.

rcastro

  • Newbie
  • *
  • Posts: 1
    • View Profile
    • Email
Re: How to Add Gantt Charts (JSGantt) to Feng Office
« Reply #351 on: September 26, 2012, 11:47:44 AM »
Hi, first of all thanks for your work!

I've installed it in an instance of Fengoffice 1.7.4 and it's working just fine. Now I'm trying to install it on a different instance, with Fengoffice 1.7.5. I followed the same steps but I can't see any workspace to select in the form.

This instance of Fengoffice 1.7.5 have like 1750 tasks, and lots of them are repetitive tasks. I have no MySQL errors, but most of the pocedures give no data  about workspaces. The only thing I can see to select in the form is the Resources, but no Workspace.

Do you have any idea of what to do here?

allenlook

  • Volunteer Moderator
  • Global Moderator
  • Sr. Member
  • *****
  • Posts: 312
    • MSN Messenger - sii_lookal@hotmail.com
    • View Profile
    • SI Group, Inc.
Re: How to Add Gantt Charts (JSGantt) to Feng Office
« Reply #352 on: September 27, 2012, 05:59:40 AM »
If you see nothing in the selection boxes, you have a data error - it will be visible in the HTML source of the page.  All of the troubleshooting steps for that are listed early in this thread, probably within the first three posts...
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.

jlipi

  • Newbie
  • *
  • Posts: 1
    • View Profile
    • Email
Re: How to Add Gantt Charts (JSGantt) to Feng Office
« Reply #353 on: October 17, 2013, 01:28:52 PM »
Hallo, is there any update for feng office 2.1....

JL

Eggsalad

  • Freshman
  • *
  • Posts: 12
    • View Profile
Re: How to Add Gantt Charts (JSGantt) to Feng Office
« Reply #354 on: February 01, 2014, 03:44:46 PM »
Hi-

Anyone know if this works with v2.5.0.1?

Also, the link to the code in the second post of this thread seems to be broken.  Anyone have the files?

Thanks!

mikulu

  • Newbie
  • *
  • Posts: 1
    • View Profile
Re: How to Add Gantt Charts (JSGantt) to Feng Office
« Reply #355 on: May 10, 2014, 07:42:22 PM »
Same question or anybody know other gantt plugin for feng office?
Appreciate!
« Last Edit: May 10, 2014, 07:43:57 PM by mikulu »

mnevens

  • Newbie
  • *
  • Posts: 1
    • View Profile
    • Email
Re: How to Add Gantt Charts (JSGantt) to Feng Office
« Reply #356 on: June 25, 2014, 06:17:35 AM »
Hello,

I have the same question for version 2.6.1 for integration a gantt chart plugin
Thx,

Marc

conrado

  • Administrator
  • Hero Member
  • *****
  • Posts: 925
  • Conrado
    • View Profile
    • Feng Office
    • Email
Re: How to Add Gantt Charts (JSGantt) to Feng Office
« Reply #357 on: July 07, 2014, 11:09:55 AM »
Yes, there is a new -official- plug in now.

The latest version (see the blog for a comprehensive description) adds a great deal of improvements and pretty much all the features of the previous plugins.
Get Official Support for your Feng Office. Support the development team. Sign up for a Free Trial here.

rocker0

  • Newbie
  • *
  • Posts: 1
    • View Profile
Re: How to Add Gantt Charts (JSGantt) to Feng Office
« Reply #358 on: September 02, 2014, 08:37:34 AM »
Yes, there is a new -official- plug in now.

How can we get it?

Thanks

 

anything
anything