Create a vertical menu using FlexiMenusJS and Dreamweaver

In this tutorial we will create a dynamic version of the menu from the Xtreme sample page. You can see bellow a copy of that menu that we want to reproduce by the end of this tutorial. By creating this menu you will learn how to use two very important features of our extension: how to add icons on buttons and how to create a button using custom HTML.

Here’s a list of all the steps needed to get to the final result:

• create the database table that will keep the elements data;*
• create a new php page with a recordset that will get the data from the database;*
• insert a FlexiMenu on the page and tell it to use the previously created recordset;
• create the first level of the menu that contains buttons with icons;
• create the second level of the menu that contains buttons and spacers;
• create the third level of the menu that contains buttons that use custom html;

(more…)

Comparing Quarterly Total Cost for Two Consecutive Years with FusionCharts for Dreamweaver

In this tutorial we will show you how to create a Multi Series Stacked Column Chart to compare the quarterly cost incurred by a manufacturing company for two consecutive years. Similar to the chart created in the “Stacked chart” section, this chart will help the audience determine the company’s fixed and variable costs, together constituting the total cost.

This tutorial was made using:

FusionCharts for Dreamweaver – Developer version

FusionCharts for Dreamweaver is a Charting Extension that can be used to render interactive animated charts for web applications and presentations. FusionCharts for Dreamweaver (Developer Edition) offers support for a myriad of web technologies like PHP, ASP VB & HTML and virtually any database supported by Dreamweaver including MS SQL, Oracle & MySQL.

(more…)

Create an Animated Sales Chart with FusionCharts for Dreamweaver

In this tutorial we will show you how easy is to create any web charts your sales department would need to track the overall sales statistics. The Animated web charts are generated on the fly based on the database values, so your sales department will always have the most up to date reports. In order to obtain the company’s sales for the last quarter of 2008, we have added the data in the table column referring to the value of the sales as a chart’s data series. The series will be grouped and displayed “by month” and a sum will be applied on the data values for each month (October, November, December, as the chart describes the last quarter of the year); all SQL queries needed to organize the data will be automatically generated based on a few options configured from the FusionCharts for DW user interface.

This tutorial was made using:

FusionCharts for Dreamweaver – Developer version

FusionCharts for Dreamweaver is a Charting Extension that can be used to render interactive animated charts for web applications and presentations. FusionCharts for Dreamweaver (Developer Edition) offers support for a myriad of web technologies like PHP, ASP VB, HTML and virtually any database supported by Dreamweaver including MS SQL, Oracle & MySQL.

(more…)