Module InputfieldChosenSelect

[vmo]

HI,

I am trying to use the Inputfield Chosen Select Multiple in a page reference field that is used in a repeater
and when I add a new items to the repeater the multiple select is not rendered, it only shows a multiple select box.

I think that the javascript code that renders the field is not triggered after the Ajax load
because when turning off the Ajax functionality.

Is there a way to make it possible to render the field in a repeater?

 

Thank you

[Macrura]

I just forked the module and added support for repeaters (only on the multi select inputfield for now); it basically involves 2 steps - changing the module code to use mostly the renderReady method instead of render(), and then some small update to the js file to init the field on the necessary events, which for the sake of brevity also involves moving the init code into its own function var... I submitted a pull request; in the meantime if you need this to work now, you can try the forked version  https://github.com/outflux3/InputfieldChosenSelect

[LostKobrakai]

I've just merged the changes of @Macrura.

[kixe]

Small CSS Border (left) issue using UIKit AdminTheme

 

[Macrura]

adding this to the multi's css file fixes it:

.AdminThemeUikit .chosen-container:not(.chosen-container-active) {
  position: initial;
}

after more testing i can do a pull request to have that added to the module...

[mel47]

Hi,

Do someone know a way to use ChosenSelect in form builder to use pages? A hook maybe?      

I just have the option to type manually text, and however I want pages (as we can use in backend).

Thanks

Mel

[Macrura]

10 hours ago, mel47 said:

Do someone know a way to use ChosenSelect in form builder to use pages? A hook maybe?      

I just have the option to type manually text, and however I want pages (as we can use in backend).

you just have to use a regular multi select, and then init that with the chosen JS on your form; In other words you wouldn't setup the formbuilder field to use chosen select, you would setup a page select multiple with a InputfieldSelectMultiple as the input; then you would config add the chosen assets from within your formbuilder.inc file in your templates folder, using either a conditional or a switch statement; you would also need to add a init js file that would init the inputfield.. (see https://harvesthq.github.io/chosen/ for examples)

[mel47]

On 19/12/2017 at 10:49 AM, Macrura said:

you just have to use a regular multi select, and then init that with the chosen JS on your form; In other words you wouldn't setup the formbuilder field to use chosen select, you would setup a page select multiple with a InputfieldSelectMultiple as the input; then you would config add the chosen assets from within your formbuilder.inc file in your templates folder, using either a conditional or a switch statement; you would also need to add a init js file that would init the inputfield.. (see https://harvesthq.github.io/chosen/ for examples)

ok thanks. I will examine this later as it not so "out-of-box" solution.

[mtn]

Is the module compatible with PW v. 3.0?

[V7dev]

On 2/27/2018 at 8:18 PM, mtn said:

Is the module compatible with PW v. 3.0?

Well, for future users, I'm using it on ProcessWire 3.0.98

[LAPS]

On 12/19/2017 at 4:49 PM, Macrura said:

you just have to use a regular multi select, and then init that with the chosen JS on your form; In other words you wouldn't setup the formbuilder field to use chosen select, you would setup a page select multiple with a InputfieldSelectMultiple as the input; then you would config add the chosen assets from within your formbuilder.inc file in your templates folder, using either a conditional or a switch statement; you would also need to add a init js file that would init the inputfield.. (see https://harvesthq.github.io/chosen/ for examples)

@Macrura, I do not understand how to configure the assets from within my formbuilder.inc file in my templates folder and how to add a init js file that would init the inputfield.

Can you provide some more detailed guidelines to use ChosenSelect in FormBuilder to use pages?

BTW/Note: I'm using ProcessWire 3.0.98 

[Macrura]

@LAPS

form-builder.inc:

/**
 *
 * Add custom scripts to the form.
 *
 */
$forms->addHookBefore('FormBuilder::render', function($event) {
	$form = $event->arguments(0);
	$config = wire('config');

	switch ($form->name) {
		case 'name-of-form':
			$config->scripts->add($config->urls->templates . "libraries/chosen/name-of-js.js");
			$config->styles->add($config->urls->templates . "libraries/chosen/name-of-css.css");

			$config->scripts->add($config->urls->templates . "FormBuilder/custom-js-init-file.js");

			break;
		// other forms can be added below...
	}

});

in your init file:

    $("#Inputfield_name_of_input").chosen({
        no_results_text: "The planet exists not",
        allow_single_deselect: true,
        width: '100%'
    });

 

[maddmac]

Great module, question @LostKobrakai regarding add new tags on the fly. When I enter a tag name and press TAB nothing happens, should it add a new page automatically? Is there something I need to change in the config for this to happen? I can add existing tags no problem.

[LostKobrakai]

The module piggy-backs on the core functionality of adding new pages on demand. Could you make sure that it works when using core inputfields?

[maddmac]

Quote

Could you elaborate more on what you mean?

Quote

 

 

 

[LostKobrakai]

There is a setting for page fields to allow for pages to be added through it. Iirc in core inputfields this is a completely separate input below the actual page selection. This needs to be enabled for this module to be able to add new pages, as it's using the built in input, but just hides it and allows you to add new pages inline.

[maddmac]

I found this and updated, but the result is the same, it doesn't add the new tag or page. It says its going to be added but doesn't.