This section describes the renderers which are provided by MyCocktail to represent the information.

HTML Renderers

Anchor Link

This option renders an anchor link.

Image Renderer

It renders a image with the given URL.

Panel of the image renderer

HTML Template Renderer

This functionality generates HTML from template. Input properties can be refered and embedded by following notation<br/>#{<i>propname</i>}',

Panel of the HTML template renderer

List Renderer

It renders an array data in bullet list format (unordered list).

Panel of the list renderer

Table Render

This option renders a multidimensional array (a matrix) like a table.

Panel of the table renderer

Tile Renderer

This functionality renders an array data in tile.

Panel of the tile renderer

Text Renderers

It creates a text with the font characteristics given.

Title Renderer

This options renders a HTML Title with the given text.

Div Rederer

It creates a div that contains another divs, each div can be filled with another render or with text. Each div has the same height and width.

Statictics Renderers

Pie Chart

It renders a pie chart from the given inputs records. This records must be an array of objects. The label field is the member of the object which will be the label, the render allows to choose between the variables of the object. The value field is the variable of the objects which the render uses to calculate the percent for the chart. Also the width, weight and color can be configured.

Panel of the pie chart renderer

Bar Chart

This render is similar to the previous one, the pie chart, but this can represent three value variables in the chart.

Panel of the bar chart renderer

Maps Renderers

Google Maps Locator

This render centers a map of Google Maps in the point or place indicated in “Place Name” field. To center a map in a point the latitude and longitude fields must be filled. The zoom, width and height of the map can be specified. If the zoom and map type controller fields are check this controllers will be displayed on the map. The API key must be specified if the mashup will be published in a public server. This key can be requested to Google for this public server and it is free.

Panel of the google map locator renderer

Google Maps Marker

This option draws marks on a map of Google Maps and centers it to make visible al the marks shown. It is a little bit different to the previous one render, the input records must be an array that contains objects. In the “Address Field” must be selected the variable of the object that contains an address (for instance, London, 5th Avenue New York, etc.). In the Label Field can be selected a object variable which will be the text displayed when the user makes click in the marker. The rest of the fields are the same that in the previous render.

Panel of the google map marker renderer