Quote from roccocogliano on May 28, 2022, 12:56 pm

Great!!!

Quote from CDY@44 on May 28, 2022, 1:11 pm

Again an other excellent plugin !! Thank you @luishp !

Quote from luishp on May 28, 2022, 1:27 pm

@cdy44-2 @roccocogliano

This is another neoSurvey sample (a Quiz):

https://visualneo.com/tutorials/neosurvey2

It's really powerful! :)

Quote from CDY@44 on May 28, 2022, 1:35 pm

!!!!!!! Whoua !!!!!!

Quote from Vadim on May 28, 2022, 1:47 pm

@luishp

Excellent! Very transparent and comfortable design! Great addition!

Quote from roccocogliano on May 28, 2022, 6:46 pm

How will it be possible to save the collected data? (db, txtfile, other?)

Will it be possible to save the geographic positions of the survey? (I think so if you can interact with the survey fields via neoscript and javascript)

Is it possible to use photo fields or qrcode scans using the camera?

For some things in my job, I use applications for data collection in the field (survey123 by esri and others).

I was already developing a data collection app with visualneo web but then I stopped because I was busy with something else.
I would like to understand if I can create my app with this plugin. I would like that very much.

I think I need to read the surveyjs guide. =)
I can't wait to try this plugin.

Thanks a lot @luishp

Regards
Rocco

Quote from luishp on May 28, 2022, 9:27 pm

@roccocogliano

How will it be possible to save the collected data? (db, txtfile, other?)

You get the answers as a JSON object. You can do whatever you need with that information. I have sent it to a neoCms form so I store all the answers there. But you can use neoPhp or save it as a local or remote file...

Will it be possible to save the geographic positions of the survey?

You can add any information to the final JSON data and I think it's possible to populate data within the form fields too.

Is it possible to use photo fields or qrcode scans using the camera?

I think so but not sure, please run the Online Survey Creator to explore all the possible field types.
neoSurvey plugin will need the Survey Creator generated JSON data to initialize the survey or quiz.
I mean the online creator is the way to design the surveys and quizes.

I can't wait to try this plugin.

If you want I can send you the plugin as it is right now and the two samples.
Your comments will be very useful for me in order to select the functionalities to include in the plugin final version.

Thank you!

Regards.

Quote from Neal Stone on May 28, 2022, 9:48 pm

NICE!  Can't wait to use this.

Quote from luishp on May 29, 2022, 11:45 am

I have updated the quiz sample to include a final report:
https://visualneo.com/tutorials/neosurvey2

Regars.

Quote from roccocogliano on May 29, 2022, 11:50 am

It would be my pleasure @luishp.

Send it to me and I'll try it but I can't promise that I can try it right away and assiduously so that I can really help you with my observations.

 

Regards

Rocco

Quote from luishp on May 29, 2022, 11:57 am

@roccocogliano sent :)

Quote from roccocogliano on May 30, 2022, 9:53 am

Thank you so much

=)

Quote from smartmedia on August 17, 2023, 7:46 am

Hi @luishp,

i have create a survey and read all the answers, the problem i have is that i don't know how to embedded the theme. In your examples i don't see any theme used.

Is that possible ?

ps. Also notice that has capabilities that can boost VNB like upload mutliple files with multiple options. Also can create verification process with visual components like images.

Quote from luishp on August 18, 2023, 12:40 pm

@smartmedia neoSurvey already includes a theme.
Please check the included sample neosurvey-quiz-test to see how to change the default colors (Project > Properties > Styles)
This is a very powerful plugin indeed :)

Quote from smartmedia on August 18, 2023, 12:59 pm

@luishp

Sorry, i didn't notice that.

One other question relative to plugin.

Is possible to load the JSON and the CSS from a file ? My site is all ready 650kb and i don't want to raise the size of it.

Quote from luishp on August 18, 2023, 1:26 pm

@smartmedia yes, of course. You can use LoadJSON or LoadAsyncJSON to load de JSON data content into a variable.
Regarding CSS, add your external files using Project > App Properties > Libraries / Files
The .css files will be recognized and included automatically in the compiled project.

Quote from smartmedia on August 18, 2023, 8:49 pm

Hi @luishp

Thanks for the answer, LoadJSON worked.

I am facing difficulty to load the CSS and i suspect that the source code of the plugin has changed from the time you have compiled. The one in demo is been loaded but my theme NOT.

This is the new theme i saved from the web for my Survey.

{
    "cssVariables": {
        "--sjs-general-backcolor": "rgba(255, 255, 255, 1)",
        "--sjs-general-backcolor-dark": "rgba(248, 248, 248, 1)",
        "--sjs-general-backcolor-dim": "rgba(243, 243, 243, 1)",
        "--sjs-general-backcolor-dim-light": "rgba(249, 249, 249, 1)",
        "--sjs-general-backcolor-dim-dark": "rgba(243, 243, 243, 1)",
        "--sjs-general-forecolor": "rgba(0, 0, 0, 0.91)",
        "--sjs-general-forecolor-light": "rgba(0, 0, 0, 0.45)",
        "--sjs-general-dim-forecolor": "rgba(0, 0, 0, 0.91)",
        "--sjs-general-dim-forecolor-light": "rgba(0, 0, 0, 0.45)",
        "--sjs-primary-backcolor": "#ffa346",
        "--sjs-primary-backcolor-light": "rgba(255, 163, 70, 0.1)",
        "--sjs-primary-backcolor-dark": "rgba(240, 153, 66, 1)",
        "--sjs-primary-forecolor": "rgba(255, 255, 255, 1)",
        "--sjs-primary-forecolor-light": "rgba(255, 255, 255, 0.25)",
        "--sjs-base-unit": "8px",
        "--sjs-corner-radius": "4px",
        "--sjs-secondary-backcolor": "rgba(255, 152, 20, 1)",
        "--sjs-secondary-backcolor-light": "rgba(255, 152, 20, 0.1)",
        "--sjs-secondary-backcolor-semi-light": "rgba(255, 152, 20, 0.25)",
        "--sjs-secondary-forecolor": "rgba(255, 255, 255, 1)",
        "--sjs-secondary-forecolor-light": "rgba(255, 255, 255, 0.25)",
        "--sjs-shadow-small": "0px 1px 2px 0px rgba(0, 0, 0, 0.15)",
        "--sjs-shadow-medium": "0px 2px 6px 0px rgba(0, 0, 0, 0.1)",
        "--sjs-shadow-large": "0px 8px 16px 0px rgba(0, 0, 0, 0.1)",
        "--sjs-shadow-inner": "inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15)",
        "--sjs-border-light": "rgba(0, 0, 0, 0.09)",
        "--sjs-border-default": "rgba(0, 0, 0, 0.16)",
        "--sjs-border-inside": "rgba(0, 0, 0, 0.16)",
        "--sjs-special-red": "rgba(229, 10, 62, 1)",
        "--sjs-special-red-light": "rgba(229, 10, 62, 0.1)",
        "--sjs-special-red-forecolor": "rgba(255, 255, 255, 1)",
        "--sjs-special-green": "rgba(25, 179, 148, 1)",
        "--sjs-special-green-light": "rgba(25, 179, 148, 0.1)",
        "--sjs-special-green-forecolor": "rgba(255, 255, 255, 1)",
        "--sjs-special-blue": "rgba(67, 127, 217, 1)",
        "--sjs-special-blue-light": "rgba(67, 127, 217, 0.1)",
        "--sjs-special-blue-forecolor": "rgba(255, 255, 255, 1)",
        "--sjs-special-yellow": "rgba(255, 152, 20, 1)",
        "--sjs-special-yellow-light": "rgba(255, 152, 20, 0.1)",
        "--sjs-special-yellow-forecolor": "rgba(255, 255, 255, 1)"
    },
    "themeName": "default",
    "colorPalette": "light",
    "isPanelless": false
}

 

Quote from luishp on August 19, 2023, 12:44 pm

@smartmedia I think you are including CSS that is specific for a different theme that the included one.
I mean, neoSurvey already includes a theme that it's not the default one in SurveyJS.
You may want to change it (not just modify the included one). Please take a look here for more information:

Themes and Styles | SurveyJS Form Library

Note that I do not have experience changing the theme at runtime.
If you just want to change the colors of the included theme, you can use this CSS:

/*------------------Custom colors-------------------------*/

#YourContainerName {
--primary: #e17b32;
--background: #ffffff;
--background-dim: #f3f3f3;
--background-dim-light: #f9f9f9;
--primary-foreground: #ffffff;
--foreground: #161616;
--base-unit: 8px;
}
.sd-btn:hover{
   background:  #e17b32;
   color:#fff;
}

Regards.