Testing page for analytics

Accordion

Accordions have the same WYSIWIG window as the Basic text component. This means you still have the ability to:
- format headings, paragraphs, quotes and callouts
- add links, bullet points and buttons
- insert images and other types of media.

Cards

Promotion card, Call to action card, Key dates card

Call to action title

Description of the CTA – what is the user clicking on and why?

CTA button - 'Do it!'

Navigation card

Summary of navigation card

Contact us or make a complaint

Make a complaint about a public mental health and wellbeing service in Victoria, or contact us to ask a question

Card sorting options

Card carousel

Card carousel (title optional in component)

Copyright
Copyright information for this website.
Accessibility
Accessibility information about this website. We endeavour to conform to level AA of the W3C Web Content Accessibility Guidelines 2.0.
Privacy and other policies
Our commitment to your privacy

Latest events

Image gallery

WTE-1
WTE-2
WTE-3

Complex image

It's OK to complain complex image example

Download 'It's OK to complain complex image example'

Timelines

Timeline title (optional in component)

Entry 1 title
19 September 2023 to 7 July 2028
Summary – this is the entry description.
Entry 2 title
Text - dates can also be entered here instead of the from/to field
Entry 3 title
10,000BC to next Wednesday

Data

Data table

Language	639 Code	Right-to left?	Font
Language Acholi	639 Code ach	Right-to left? N	Font X
Language Albanian	639 Code sq	Right-to left? N	Font X
Language Bosnian	639 Code bs	Right-to left? N	Font X
Language Cook Islands Maori (Rarotongan)	639 Code mi	Right-to left? N	Font X
Language Croatian	639 Code hr	Right-to left? N	Font X

Forms

Openforms

Click here to view form.

Drupal form

Testing form for analytics

This is the Advanced HTML form element.

You can add text and apply formatting such as:

headings
hyperlinks
bullet point or numbered lists.

Use this element to give your users information or instructions.

Text field element

Use this when you want or expect to be given a short answer, such as a person's name.

Text area element

Use this when you want or expect users to provide a longer answer, such as describing their complaint or feedback. The field is bigger and scrollable.

It is recommended to put a word or character limit on this field. For example:

email element

You should use this element to collect email addresses, as it apply an automatic validation and will reject any answer that doesn't follow a typical email format (e.g. ___@____.____)

Number element

Use this when you want to collect only numbers. You can set the minimum and maximum range, e.g. only allow a number between 1 and 10 to be accepted by the field.

You can't set a minimum or maximum "string" of numbers, such as a maximum of 13 numerals (for phone number collection).

date_of_birth_dd_mm_yy_

Day

Month

Year

Radio buttons(Required)

Radio buttons should be used when you only want a single answer provided. For example: Yes or No questions.

This element has some conditional logic applied to the answers. Test it out by choosing Option 1, and then changing to Option 2.

Take me to option 1

Take me to option 2

Select element

The Select element should be used when you have a longer list of options for people to select from, and display these as radio buttons would be too long.

Users can only select one option.

Want to know more about Drupal forms?(Required)

Yes

No

This element is a single checkbox, and should be used for circumstances such as asking the user to confirm their understanding or provide consent.

Checkbox: Do you see our collection notice below? (Required)

Privacy statement(Required)

Privacy statement element

The Department of Government Services (DGS) collects your personal information on behalf of [DEPT/ORG] and discloses that information to [DEPT/ORG] for the purpose of [XX]. If you choose not to provide all or part of the information required, we may not be able to contact you or action your request.

If you have any questions about how your personal information will be handled or would like to gain access to your personal information, you can contact [DEPARTMENT/ORG] on [PHONE] or [EMAIL].

We're using the services of Drupal 9 to administer this form. The information that you provide is stored by the Department of Government Services (DGS) on the Microsoft Azure infrastructure in Sydney, Australia.

For more information on our handling of any personal information, please refer to our privacy page.

I have read and understood the privacy statement.

Important email

Basic text

This is a basic text component. You use this to add and format body content.

Here's an internal link.(opens in a new window)

Here's an external link.(opens in a new window)

Headings styles - this is heading 2

This is a heading 3

Heading 4

Heading 5

Quote styles

Block quote

We have two block quote styles. Quotes are used to indicate direct speech. Block quotes can add visual interest to a news article or a case study, but don't overdo them.

This is the block quote with 2 lines of caption. To add this type of block quote, insert the cursor on a new line (paragraph) and click the 'page' icon.
Insert a block quote and then copy and paste to replace the default text with your text. You'll need to copy and paste the source line separately because that has different styling applied in the CSS.
Following is the default text that comes up when you insert a block quote with 2 lines of caption. The 2 lines is created using a line break (Shift + Enter).

Her Excellency the Honourable Linda Dessau ACGovernor of Victoria.

Indented quote

This indented quote is created using the icon with the double quotes on it (rollover label is 'block quote'). It displays with both a left and right indent.

Callout styles

Single paragraph callout

This paragraph has the Callout style applied to it. Use it to highlight short pieces of text. It doesn't allow line breaks, headings or lists and it can be difficult to read large passages in this style. It only displays well for a single paragraph.

WYSIWYG callout

How to apply

To apply this callout:

Format your content as you want with paragraph breaks, headings, lists etc.
Select the whole block of text that you want to apply the callout style to.
Click the capital C icon on your toolbar (just next to the table icon).

List formatting and nesting

Numbered list

Select your text and click on the numbered list icon.
When you have a numbered list, you can click the indent icon to push selected list items to the next level down.
1. Second level numbered list (should be lower case alpha)
2. donec egestas ultricies
  1. neque in elementum (should be lower case roman)
  2. Fusce blandit
    1. magna magna (should be ???)
ut luctus nisl

Bulleted list

ultricies vitae (style: black/grey dot)
Quisque ut tortor laoreet
- luctus tellus at (style: circle)
  - pretium dolor (style: square)
  - Maecenas efficitur
    - mi at ipsum egestas (style: square)
      - ullamcorper.
      - Maecenas
        a lacus nisi.
  - Morbi dictum feugiat
  - odio, nec volutpat
  - diam tristique
1. vel. Suspendisse dui dui, cursus eleifend ipsum id, pelle
2. ntesque dictum sapien
Fusce eleifend rhoncus orci vitae convallis. Maecenas eleifend ut nunc non commodo. Cras sapien augue, dignissim eu viverra at, placerat eget libero. In at nunc lectus. Curabitur felis libero, lacinia in augue sit amet, gravida congue urna. Nullam id maximus dolor.

Horizontal line

Buttons

Primary button text

Secondary button text

Embedded media

Image

The following is an example of an image embedded with a caption.

Downloadable social media tile-its your right

Example of an embedded image.

Video - YouTube

The following is an example of a YouTube video embedded with a transcript.

Complaints Self-Assessment Tool

View transcript

Single digital presence training video

Document for download

Mental Health Community Support Services

PDF 320.07 KB

Basic tables

Column 1 (as header)	column 2	column 3	column 4
Next heading	x	y	z
Next heading 2	x	y	z
Next heading 3	x	y	z
Next heading 4	x	y	z