Element: Contact Form

Creates a customizable contact form

Content › Frontend

  • Form Title
    Enter a form title that is displayed above the form
  • Add/Edit Contact Form Elements
    Here you can add, remove and edit the form Elements of your contact form.
  • Add/Edit Contact Form Elements
    Here you can add, remove and edit the form Elements of your contact form.
  • Submit Action
    What should happen once the form gets sent

    • Message Sent Label
      What should be displayed once the message is sent?
    • Redirect
      To which page do you want the user send to?
  • Display Fields With Error
    On error, show a message box containing the labels of the invalid fields

Content › Security

  • Contact Form Captcha
    Do you want to display a Captcha field at the end of the form so users must prove they are human?

Content › Backend

  • Your E-Mail Address
    Enter one or more E-Mail addresses (separated by comma) where mails should be delivered to.
  • Your From Address
    Enter your from address for the form – if left blank it will default to user email or no-reply@innovation.luskin.ucla.edu
  • E-Mail Subject
    You can define a custom E-Mail Subject for your form here.
  • Autoresponder From E-Mail Address
    Enter the from E-Mail address for the autoresponder.
  • Autoresponder Reply To E-Mail Address
    Enter one or more reply to E-Mail addresses (separated by comma) for the autoresponder mail.
  • Autoresponder Subject
    Enter a custom subject text to the autoresponder E-Mail.
  • Autorespond Text
    Enter a message that will be sent to the users email address once he has submitted the form.

Styling

  • Hide Form Labels
    Check if you want to hide form labels above the form elements.
  • Label/Send Button Alignment
    Select how to align the form labels and the send button
  • Form Color Scheme
    Select a form color scheme here

Advanced › Heading Tag

  • Heading Tag (Theme Default is < h3 >)
    Select a heading tag for this element.
  • Custom CSS Class For Heading Tag
    Add a custom css class for the heading here.

Content

  • Form Element Type
  • Form Element Label
  • Form Element Validation
    When selecting “Valid E-Mail address with German Umlaut” or “Valid E-Mail address, extended characterset” keep in mind, that not all E-Mail systems support these characters properly.

Styling

  • Form Element Width
    Change the width of your elements and let them appear beside each other instead of underneath

Send us mail

Send us mail

______________

Element: Page Content

Display the content of another page (fullwidth)

Content

  • Which Entry?
    Select the entry that should be displayed

Our researchers identify problems, design policies, and elevate community-driven solutions to advance environmental equity and improve lives.

NEWS

At the Luskin Summit, environmental justice took center stage

From plastic pollution to extreme heat, Luskin Center for Innovation panelists examined community-driven solutions

New toolkit helps communities prepare for heat

New toolkit helps communities prepare for heat

New UCLA tool maps how home electrification could change energy bills across Los Angeles

The public platform enables users to compare household energy costs under likely electrification scenarios

Water, fire, and finance: building more resilient systems

UCLA-led convening highlights need for clearer roles, stronger coordination, and more equitable financing strategies

At the Luskin Summit, environmental justice took center stage

From plastic pollution to extreme heat, Luskin Center for Innovation panelists examined community-driven solutions

New toolkit helps communities prepare for heat

New toolkit helps communities prepare for heat

New UCLA tool maps how home electrification could change energy bills across Los Angeles

The public platform enables users to compare household energy costs under likely electrification scenarios

Water, fire, and finance: building more resilient systems

UCLA-led convening highlights need for clearer roles, stronger coordination, and more equitable financing strategies

MEDIA COVERAGE

RESEARCH PRIORITIES

Stay connected. Get our latest research in your inbox.

PUBLICATIONS

Image to crop

A Toolkit for Local Planning, Decision-Making, & Action

May 2026
Image to crop

Why Regulatory Reform Is Needed to Reduce Outdoor Vulnerability to Extreme Heat in Los Angeles

May 2026

Element: Comments

Add a comment form and comments list to the template

Element: Post Metadata

Add selected page/post metadata in a textline

Content

  • Select Post
    Select the post to show metadata
  • Add/Edit Metadata
    Here you can add, remove and edit the metadata you want to display.
  • Seperator
    Will be used to seperate multiple metadata
  • Prepend a text
    Enter a text that should be displayed before the selected metadata infos
  • Append a text
    Enter a text that should be displayed after the selected metadata infos

Styling › Margin and Padding

  • Margin – default setting – used for all screen sizes (no media query)
    Set your custom margin.
  • Padding – default setting – used for all screen sizes (no media query)
    Set your custom padding.

Styling › Alignment

  • Content Alignment
    Alignment of the metadata content

Styling › Color

  • Custom Font Color
    Select a custom font color.

Styling › Font Size

  • Font Sizes
    Select a custom font size for the metadata in pixel.

Content

  • Metadata
    Select the metadata you want to display.
  • Prepend A Text
    Enter a text that should be displayed before the metadata info
  • Append A Text
    Enter a text that should be displayed after the metadata info

Advanced

  • Link Setting
    Use a default generated link depending on the meta element (if a link exists), set a custom link or display only as text
  • Open In New Window
    Select if you want to open the link in a new window and set additional SEO options