Page design elements
Table of contents
Pages and Form design elements
are similar design elements, since they are used to hold similar design. These designs and are often confused among beginners Domino Designer application developers, principally when developing on Web applications. Pages can be used to serve several types of data to the user on the Web, but especially to display rich text content. Pages can hold formatted text, graphics and embedded controls, such as outlines and applets. To learn how to make sure how your design is going to look into the Web, refer to Styling text for the Web
A page design element open in Domino Designer
The following table lists the Domino Design Elements that can be used on pages on the Web.
Elements to use on a page
Actions automate tasks for the user. Add actions to the menu in the Notes client, or add actions with buttons or hotspots on a page or form. For more information, see the topic, refer to [actions].
Use Java applets to include small programs, such as an animated logo or a self-contained application, in a page or form. For more information about including Java applets on a page or form, refer to Applet design elements
Attach files to a page or form so users can detach or launch files locally. For more information, refer to [file attachments].
Use computed text to generate dynamic text based on formula results.
You can embed the following elements in a page or form: a [view] or [folder] pane, [navigator], [outline], [date pickers] or [instant messaging contact list]. Use these elements alone or combine them to control how users navigate through your application.
Place a graphic anywhere on a page or form. Use graphics to add color to a page or form or to create imagemaps.
Add horizontal rules to separate different parts of a page or form, or to make a page or form more interesting visually.
If you have existing HTML or you prefer using HTML to using the formatting tools Domino Designer offers, you can import, paste, or write your own HTML
on a page or form. You can also convert pages and forms to HTML.
An image map is a graphic you enhance with programmable hotspots. Hotspots, in the form of pop-up text, actions, links, and formulas, perform an action when clicked by a user. Use imagemaps as navigational structures in an application.
[Layers] let you position overlapping blocks of content on a page, form, or subform. Layers give you greater design flexibility because you can control the placement, size, and content of information. For more information on layers, refer to [Layers].
Add links to take users to other pages, views, databases, or URLs when they click on text or a graphic.
A [section] is a collapsible and expandable area that can include objects, text, and graphics.
Style Sheet (CSS) shared resources
You can find and insert a cascading style sheet (CSS) as a shared resource on a page, form, or subform. For more information on style sheets, refer to [style sheets].
Use tables to summarize information, align text and graphics in rows and columns, or position elements on a page or form.
Use text anywhere on a page or form and apply text attributes, such as color, size, and font styles to the text.
Pages have a set of properties that can impact the user experience on the Web. Refer to [other web specific database properties and their effects] for further information.
Both forms and pages are displayed on the Web as Web-pages (unless the user decides to change the page content type
), but the main difference between them are that pages do not store data entered by the user. Fields, subforms, layout regions, and some embedded controls can only be used on forms. There are also some other differences and best practices when using pages and forms, so refer to using forms versus pages
for further reference.
Pages can be named using the Design element multi-aliasing
technique. Using this we can have a form called "Top rated product vendor|vendor.htm|vendor". This naming convention also brings the benefit of have an alias that works like a traditional Web server "file name" for Domino URLs
, helping keeping aliases even if the main page content changes. This also helps search crawlers increase the page rank by using the search engine optimization best practice of having a small description of the page on its URL. This practice is explained more detailed on the search engine optimization