Style differs between Embed / Form direct

  • Resolved kapppa

    (@kapppa)


    3 years, 10 months ago

    Hi there!

    First of all.. Great plugin, great job! Well done!

    I′ve noticed that the design for the direct form version and the embedded version are different.

    In the direct form version the steps-block is located on the right side and the steps are listed vertically.

    In the embedded version – of the exact same form – the steps block is located above the form and the steps are listed horizontally.

    Is there something I′m missing? How would I achieve the same design for the embedded version. So, I want to have the navigation block on the right of the form.

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Michele Giorgi

    (@michelegiorgi)

    Hi @kapppa!
    First, thanks for trying Formality and sorry for the delay…

    I′ve noticed that the design for the direct form version and the embedded version are different.

    I can confirm this is the right behavior. The inline-embed is a light version of the standalone page, with a 760px max-width wrapper. This is intended to be used like a “widget” inside a layout row/section in your post/page templates.
    Due to the small width, these forms inherit the mobile style rules, with sticky horizontal navigation.

    If you want the full version view of your form (with step sidebar on desktop viewports) you have to direct link to the standalone page.

    If you have some basics about HTML/CSS/PHP languages, you can also extend/customize the standalone template by adding a single-formality-form.php file inside your theme’s root directory.

    You can start by copy-paste the current template source code here:
    https://github.com/michelegiorgi/formality/blob/master/public/templates/single.php

    Please, let me know if it’s clear enough ??

    Cheers

    Hello Michele and thank you for this wonderfull plugin we love so much! ??

    https://github.com/michelegiorgi/formality/blob/master/public/templates/single.php
    unfortunately gives a 404, could you reupload the file again?

    Plugin Author Michele Giorgi

    (@michelegiorgi)

    Hey @rizoma
    Thanks for your support!

    With the newly released v1.4, I decided to change the single form and notification template file names to improve the naming consistency.

    single-formality-form.php => formality-form.php
    notification-formality.php => formality-notification.php

    Now you can find the default templates on public/templates/ directory with the correct file names, and you can directly copy them to your active theme’s directory.

    You can find these templates files, also in the repository:
    https://github.com/michelegiorgi/formality/tree/master/public/templates

    Cheers

    Michele

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Style differs between Embed / Form direct’ is closed to new replies.