Skip to content

Global form "controller" properties #47

@zarathustra323

Description

@zarathustra323

React/JS global property examples

{
    title           : 'Some title here', // The form title text, shown as a header element
    description     : 'Some description text here', // The form decription - should it allow HTML?
    meta            : {  }, // A metadata object allowing free-form data: this is only sent to the submission backend and not displayed
    successRedirect : 'http://www.domain.com/thank-you', // A location to redirect the user to on submission (optional)
    referringPath   : '/some-path-value', // Allows overriding the path portion of the submission `referringHref` value - useful if you want to specify a different location than the form itself
    notify          : { // Additional notifications beyond any built-in notifications to the user who submitted the form
        enabled  : false,
        webhook  : null, // Provides a url that radix will call (via GET) to retrieve the notification details (can be used for hiding email addresses, etc.)
        template : 'some-template-key', // Must either be a built-in template, or defined in the application's template database: a null/empty value will result in using the built-in, default notify template
        subject  : 'The Email Subject Line',
        to       : [ 'email@domain.com', 'email2@domain.com' ],
        cc       : [ 'email@domain.com', 'email2@domain.com' ],
        bcc      : [ 'email@domain.com', 'email2@domain.com' ]
    }
}

Accessing from a query string

?rdx.action=CompentName
&rdx.notify[enabled]=true
&rdx.notify[to][]=email@domain.com
&rdx.notify[to][]=email2@domain.com

Accessing from a component insert

<div>Some html here</div>
<script>
Radix.ins('ComponentName', {
    title  : "Some Title",
    notify : {
        enabled : true,
        to      : [ 'email@domain.com', 'email2@domain.com' ]
    }
});
</script>
<!-- Which is equivalent to -->
<ins class="radix" data-component="ComponentName"
    data-prop-title="Some title"
    data-prop-notify='{"enabled": true, "to": ["email@domain.com", "email2@domain.com"]}'>
</ins>
<div>Some more HTML here</div>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions