Boutons de navigation en haut du formulaire

4.0
Boutons de navigation en haut du formulaire
0
Tags: #<Tag:0x00007f5ff3f4e908>
(Robin OPRASEUTH) #1

Bonjour,

Serait-il possible de mettre les boutons de navigation en haut du formulaire?

(François Genestin) #2

Oui, on peut déplacer la zone <div class="form-navbar"/> dans le template du formulaire UI.

cf $ui.options.form.template qui par défaut vaut :

		template:
		'<div class="objform">' +
			'<div class="panel panel-default">' +
				'<div class="panel-heading">' +
					'<div class="head">' +
						'<div class="obj-title">' +
							'<span class="icon-title"/>' + // object icon/image
							'<h4 class="form-title"/>' +  // form title
						'</div>' +
						'<div class="form-actionbar"/>' + // form actions
					'</div>' +
				'</div>' +
				'<div class="panel-body">' +
					'<form autocomplete="off" class="panel-form" onsubmit="return false;">' +
						'<div class="form-areas"/>' + // append areas templates
					'</form>' +
					'<div class="form-navbar"/>' + // navigation buttons
				'</div>' +
			'</div>' +
		'</div>'

on peut le changer globallement au démarrage de la UI front (SCRIPT de la disposition)

(function(ui,$) {
    // Bind ui.loaded = engine is loaded (before home page)
    $(document).on("ui.loaded", function() {
        // customize UI here    
        // UI options = Globals merged with disposition script
       ui.options.form.template = 'my template....'
    });
})(window.$ui, jQuery);

ou alors le faire dans le hook front de certains objets uniquement.

(function(ui) {
    if (!ui) return;
    var app = ui.getAjax();
    Simplicite.UI.hooks.myObject = function(o, cbk) {
        try {
            if (o.isMainInstance())
                o.locals.ui.form.template = "my template...";
        }
        catch(e) {
            // Thank you to isolate your scripts
            app.error("Error in Simplicite.UI.hooks.myObject: "+e.message);
        }
        finally {
            // Required callback when hooks are loaded
            cbk && cbk();
        }
    };
})(window.$ui);
(Robin OPRASEUTH) #3

Merci,

Je vais le faire au niveau de la disposition.