How add Multiple Images in Entry Form

[thallysondias]

Hi everyone!

Its possible add a multiple images fieldtype in Entry Form?
I try add, but the field show dont show in my frontpage.

The Multiple Images work fine in backoffice:

But in frontpage doens't show the field:

Code in the custom page with Entry Form Entry Form :

{{ streams:form stream="informacoes_wizard" mode="add" }}
   {{ form_open }}

      {{ fotos_do_exterior:input }}

   {{ form_submit }}
{{ form_close }}
{{ /streams:form }}

[joselfonseca]

Hi there, as of now it does not support front end forms out of the box, there is one thing you can do if you want.

1. remove the :input
2. in your config fine set $config['csrf_protection'] = FALSE;

With these changes you should be able to use this field type in the front end.

Let me know how it goes and if i can close this issue.

Regards!

[thallysondias]

Joselfonseca thanks to help :)

I have to change

$config['csrf_protection']      = (bool) preg_match('@\/admin(\/.+)?$@', $_SERVER['REQUEST_URI']);

to

$config['csrf_protection'] = FALSE;

???

ps: the config location is pyrocms-professional-2.2.5\system\cms\config, right?

[joselfonseca]

Yes, that is correct. I know is not the best solution, but if you really need it that way is the only way. we are figuring out a better solution and as soon as we come up with one we will let everyone know,

Regards

[thallysondias]

I change the config like a suggestion above. But dont show input for upload

My code:

         <!--MULTIPLAS IMAGENS -->
        <h1>Serviços</h1>
        <p>Selecione os serviços que disponibiliza no seu hotel</p>
        <div class="large-12 columns field-form">
            <div class="row">
                <label>{{ fotos_do_exterior:label }}</label>
                OPÇÃO 1 - {{ fotos_do_exterior:input }} <br>
                OPÇÃO 2 - {{ fotos_do_exterior }} <br>
            </div>
        </div>

Output

The option 2 show me ARRAY

[joselfonseca]

Please check the folowing:

1. Are you using lattest version?
2. Do you have Jquery and Jquery UI in your template?
3. Are you getting any error in the browser console (If yes please copy it here)
4. If you have jquery and jquery UI, is it being imported in the header not in the footer? (The reason for this is that the JS and CSS for the fieldtype gets inserted wherever the field is called, if its before calling those libraries, a JS error will appear as it does not have those dependencies.)

Regards

[thallysondias]

Hi Jose, great news!

I use the lattest version from pyroPro
I add JS and UI in header of my page and now i can select the images with the lex tag {{ fotos_do_exterior:input }} 👍

but doens't show image, and can't possible delete the image.

The console have error

http://thallysondias.com/pyro/index.php/wizard/step1

If i try refresh the page:

I think the system is trying to upload

[joselfonseca]

Add to your header

<script> var SITE_URL = "{{ url:site }}"</script>

Also since the fieldtype uses the files module to upload a file, it requires a user to be logged in, the error appears when it tryies to upload the image to http://thallysondias.com/pyro/index.php/admin/files/upload but gets redirected to the login page. please log in add the JS to your header and try again.

Regards

[thallysondias]

Hi Jose,

Added the script and with.
I save the document. The images were saved in the folder:

but doens't have nothing in entry of backoffice

ps: All other form fields and were saved and the display in the Entry Form

[joselfonseca]

how is your field configure? it did not saved the images in a folder, in fact, there are no folders in the files module you show there. I am confused by the way those images were saved, please check the field configuration when it was assigned to the stream, also make sure there is a database table where the images are being save, if there is no database table, then the field was not assigned properly, the funcion that creates the table to store the images and relates them with the stream is fired upon field assigment.

[thallysondias]

Hi Jose,
Created a folder just to multiple images filedtype.

i make some test:

Test 1

See, the folder is: multiples-image

i click in upload images in entry form (cms)

after upload, image show in field

and show in multiple-image folder:

The images saved in entry! 👍

---

Now i try same in frontend, clicked in upload image

Select image of egg

Image show in folder

but my entry stay have no image from field

Test 2

I add the css style (shared_addons/field_types/multiple_images/css/style,css) to my theme (theme/css/style.css), now so "work":

i change my form tag:

{{ streams:form stream="dados_do_hotel" mode="new" }}

to

{{ streams:form stream="dados_do_hotel" mode="edit" edit_id="2" }}

Upload a image in entry form CMS

in form of frontend show me:

So i try upload image in the frontend

show infinite loading icon, but the image show in folder multiple-images.

[joselfonseca]

Mm, let's do this, email me at jose@ditecnologia.com some credentials and the link to the site so i can try to upload an image and see the response we are getting, i think the problem may be in the response, but i need to see it in order to figure out what is going on.

[thallysondias]

Hi José, send you email with credentials

[thallysondias]

Hello again José, you received my email?
regards

[joselfonseca]

I did, unfortunaly i haven't had the chance to verify, i feel like we are forcing this since the front end forms are not supported at the moment. we may need to wait until we add that support to be able to fully verify what is going on. i will add this to the milestone for next version.