60 lines
1.9 KiB
Plaintext
60 lines
1.9 KiB
Plaintext
<div class="container">
|
|
<div class="is-pulled-right">
|
|
<%= link_to image_tag("#{@form.backend_name}-icon.svg", alt: @form.backend_name.humanize), @form.spreadsheet_url %>
|
|
</div>
|
|
<nav class="breadcrumb is-small has-bullet-separator" aria-label="breadcrumbs">
|
|
<ul>
|
|
<li>
|
|
<%= link_to forms_url do %>
|
|
<span class="icon is-small"><i class="fas fa-home" aria-hidden="true"></i></span>
|
|
Forms
|
|
<% end %>
|
|
</li>
|
|
<li><%= link_to @form.title, form_url(@form) %></li>
|
|
</ul>
|
|
</nav>
|
|
<h1 class="title">
|
|
<%= @form.title %>
|
|
</h1>
|
|
|
|
|
|
<div class="columns">
|
|
<div class="column is-one-quarter">
|
|
|
|
<aside class="menu">
|
|
<p class="menu-label">
|
|
General
|
|
</p>
|
|
<ul class="menu-list">
|
|
<li><%= link_to "Form Settings", edit_form_url(@form) %></li>
|
|
<li><%= link_to "Setup", setup_form_url(@form), class: 'is-active' %></li>
|
|
<li><%= link_to 'Email notifications', notification_form_url(@form) %></li>
|
|
</ul>
|
|
</aside>
|
|
|
|
</div>
|
|
<div class="column">
|
|
|
|
<h3 class="title">Your submission URL:</h3>
|
|
<p>
|
|
<code><%= submission_url(@form) %></code>
|
|
</p>
|
|
<p>
|
|
Please set your form action as in the example below. Make sure to use proper <code>name</code> attributes.
|
|
<p>
|
|
<pre><code class="language-html">
|
|
<%= html_escape_once render('form_example', form: @form) %>
|
|
</code></pre>
|
|
|
|
<h3 class="subtitle">Example with JavaScript:</h3>
|
|
<p>
|
|
Learn more about our <a href="https://www.notion.so/JavaScript-Library-442071548edd4cd1af9c7d8edb3d42cb">JavaScript library</a> and our <a href="https://www.notion.so/Tinyforms-API-7862355e22ce4bbead5de3b635cda55e">API</a> in your help section.
|
|
</p>
|
|
<pre><code class="language-html">
|
|
<%= html_escape_once render('form_example_js', form: @form) %>
|
|
</code></pre>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|