BiscuitML Reference

From Dynetic

A step-by-step tutorial on how to set up your first BiscuitML page can be found, along with sample code, in the Download area.

Overview

Netbiscuits provides user interface units for web display on mobile devices. With BiscuitML, you can achieve what regular markup languages can’t do for you: Automatic re-formatting of your application for optimal display on any device.

 All this is accomplished by the Netbiscuits rendering system - all you have to do is supply the biscuits.

BiscuitML Reference

• Change History
• Things to keep in mind

Page

• Layout modes: visual reference of Biscuits and their degradation
• Page: description of the general page structure
• style-attributes: how to set layout information
• user-defined classes: how to set layout classes
• page-level-attributes: attributes for configuration of the entire page
• Paging: learn how long pages are split
• Conditionals: how to display content based on conditions (i.e. presence of a parameter or HTTP header)
• Page Redirection: how to redirect to another page
• Rich Internet Features: how to add scripting and custom CSS files
• Search Engine Optimization: how to add meta tags and rel-attributes
• BBCode in BiscuitML: how to format your text using a modified BBCode syntax
• The "clickto" Action: Netbiscuits FormData processing and Messaging

Biscuits: Page Structure

• Biscuit: PAGEHEADER  - complex header section
• Biscuit: IMAGEHEADER - simple header section
• Biscuit: PAGEFOOTER - section for contact, imprint etc.
• Biscuit: SEPARATOR - used to horizontally split page sections

Biscuits: Menu/Navigation

• Biscuit: BUTTONMENU  - button-style menu bar
• Biscuit: PIPEDMENU - menu bar with pipe-symbol as separator
• Biscuit: TABBEDMENU - menu bar with tabbed look-and-feel
• Biscuit: TOOLBAR - icon-based menu bar with javascript carousel capability and text fallback
• Biscuit: NAVIGATION - section with first/prev/next/last elements

Biscuits: Page Content

• Biscuit: ADBANNER -  advertising section with image or text
• Biscuit: ANALYTICS -  add tracking to your page
• Biscuit: ARTICLE - image and structured text/richtext
• Biscuit: FORM - used to collect user input
• Biscuit: LIST - list of items with image or text as row identifier
• Biscuit: TABLE - for structured content
• Biscuit: TAGCLOUD - text tags in different sizes
• Biscuit: TEASER - used for news-teaser with image and brief text/richtext
• Biscuit: TEXT - text/richtext only, no image
• Biscuit: CONTENTLIST - media list, dynamically read from Netbiscuits Media Repository
• Biscuit: SHOWFILE- landing page for one media item, read from Netbiscuits Media Repository
• Biscuit: IMAGE - standalone image, supporting imageset
• Biscuit: MAP - show a map image from an external map provider
• Biscuit: POIVIEW - Add POI-Locator functionality to your page
• Biscuit: RSSLIST - Display an RSS feed
• Biscuit: RSSITEM - Display a single RSS feed item
• Biscuit: FORWARD - Add redirection or automatic forwarding to your page.

Putting it together: Samples

• Demonstration Website
  • Home Page
  • Imprint Page
  • Contact Page
  • News Page
  • More News Page
  • News Details Page