DocsRoxen2.1Web Site Creator ManualGraphics tags
   

  • <cimg>
  • <cimg-url>
  • <colorscope>
  • <configimage>
  • <diagram>
  • <gbutton>
  • <gbutton-url>
  • <gh>
  • <gtext>
  • <gtext-id>
  • <gtext-url>
  • <imgs>
  • <tablist>
  • Graphics tags

    Roxen WebServer features a very advanced graphics engine. Together with output from a database or/and data from the live server the graphics engine can present information that makes a site feel alive. The graphics engine can be set up to automatically generate very nice-looking headers, diagrams, buttons, thumbnails and many other Web graphics :

    Images

    Through <cimg> images can be transformed and converted to any of the almost 20 image-formats available.

    Business Graphics

    Generate online reports dynamically with <diagram>, represented as line, bar, pie charts or many other diagrams.

    Graphical Headers

    Roxen WebServer supports many font-formats and makes it easy to import them. By combining fonts with images and graphical effects very eyecatching headers can be made. For instance, it is possible to set the ordinary HTML-tag <h1> to output a graphical header instead of ordinary boring headers. Graphical headers can be made with <gtext> and <gh>.

    Layered Images

    Roxen Platform supports layered images. This has an distinct advantage when a button or a navigation interface should be dynamically created. By entering different contents on each layer advanced buttons, etc can be created. <gbutton> and <tablist> supports the use of layered images.

    Good looking graphics are an important part of the layout of web pages. Creating graphics can also be very demanding of the site's hardware, especially if it involves transforming, converting and rendering of alot of images or graphics. It is also important to not overdo the website's layout else people with slow connections will not be able to enjoy it since it will take forever to download it.

    File Formats

    Some of the tags take images as attributes. For example, to use as a background. The images can be of most formats including GIF, JPEG, PSD and PNG.

    Color Attributes

    Color attributes can be specified in one of the following ways:

    Name

    For example black or darkred.

    #RGB value

    The color is specified as a hexadecimal-digits, #RRGGBB. For example, #ffdead or #00ff00.

    @HSV value

    The color is specified with the syntax @h,s,v where h is the hue specified as degrees (0 to 359), s is the saturation specified as a percentage and v the value also specified as a percentage. For example, @150,70,70.

    %CMYK value

    The color is specified with the syntax %c,m,y,k where all the values are percentages. For example, %10,20,30,40.

    Name Description Needed Module  
    <cimg-url>      Image converter  
    <cimg>   Manipulates and converts images between different image formats.   Image converter  
    <colorscope>   Makes it possible to change the autodetected colors within the tag.   HTML color wiretap  
    <configimage>   Returns one of the internal Roxen configuration images.   RXML 2 tags  
    <counter>      Graphical Counter  
    <diagram>   The diagram tag is used to draw pie, bar, or line charts as well as graphs.   Business graphics  
    <gbutton-url>   Generates an URI to the button.   GButton  
    <gbutton>   Creates graphical buttons.   GButton  
    <gh>   Creates a graphical header.   Graphic text  
    <gtext-id>      Graphic text  
    <gtext-url>      Graphic text  
    <gtext>   Creates an image with the tag content texts.   Graphic text  
    <imgs>   Generates a image tag with proper dimensions.   RXML 2 tags  
    <tablist>   Sorry; error in   documentation