"available/selected fields" example

[guustnieuwenhuis]

Can you add an example of the "available/selected fields" used by Mura?

[mattlevine]

Can you provide a small description of the general use case. The general idea is that any form field in the configurator with a class of objectParam is serialized and provided to the display object method as a struct with $.event('objectParams').

[guustnieuwenhuis]

I would like to implement the following: https://skitch.com/lagaffe/8k2df/mura-cms-site-manager

I've tried copying the html code from the administrator, but I seem to be missing some javascript as I can't move the tiles.

[guustnieuwenhuis]

I believe adding some extra display objects with some different interface example (used by mura in the administrator) to this "plugin" would be very useful.

[mattlevine]

Here's the markup that is used with the local indexes"

    <p class="dragMsg"><span class="dragFrom">Drag Fields from Here&hellip;</span><span>&hellip;and Drop Them Here.</span></p>

• #i#

• #i#

```

[mattlevine]

Here an example init method as well:

function initMyDisplayObject(data){
    initConfigurator(data,
        {
            url: '../plugins/myplugin/displayObjects/configurators/myDispayObject/configurator.cfm',
            pars: '',
            title: "Loading...",
            init: function(data,config){

                    if (jQuery("#availableListSort").length) {
                    jQuery("#availableListSort, #displayListSort").sortable({
                        connectWith: ".displayListSortOptions",
                        update: function(event){
                            event.stopPropagation();
                            jQuery("#displayList").val("");
                            jQuery("#displayListSort > li").each(function(){
                                var current = jQuery("#displayList").val();

                                if (current != '') {
                                    jQuery("#displayList").val(current + "," + jQuery(this).html());
                                }
                                else {
                                    jQuery("#displayList").val(jQuery(this).html());
                                }

                            });

                            updateAvailableObject();
                        }
                    }).disableSelection();
                }
                }
        }
        );

        return true;
    }
}

[guustnieuwenhuis]

Great, thank you!