Problème de centrage d'un bouton

[Vtsax]

Bonjour les z’amis

J’ai un petit soucis avec un bouton, il me rends dingue
Je n’arrive pas à le centrer en hauteur dans un tableau, j’ai modifier au moins 100 paramètres mais rien ne change.

Je vais vous mettre le code ici, si vous aviez une idée, n’hésitez pas.

<div class="cmd tooltips cmd-widget cursor toggle" data-type="action" data-subtype="other" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#">
	<div class="toggleDivConteneur">
		<span class="toggleName" style="#hideCmdName#">#valueName#<br/></span>
		<span class="toggleAction"><br/><img class="toggleImg" src="" /></span>
	</div>
	<script type="text/javascript">
        jeedom.cmd.update['#id#'] = function(_options){
			$.include(['plugins/widget/core/template/dashboard/cmd.action.other.vtsax_on-off/Toggle.js', 'plugins/widget/core/template/dashboard/cmd.action.other.vtsax_on-off/Toggle.css'], function() {
				var styleimg = toggleStyleimg('#styleimg#');
				var widget = $('div.cmd[data-cmd_uid="#uid#"]');
				$('.toggleImg', widget).attr('style',styleimg[1]+': 50px;');
				var state1 = 'on';

				if ('#nospace#'.trim() == '1') { $('span.toggleAction br', widget).remove(); }
				if ('#inline#'.trim() == '1') { toggleInline(widget,styleimg[2]); }
				if ('#reverse#'.trim() == '1') { state1 = 'off'; }
				
				if (toggleNormalize(_options.display_value.toString()) == state1) {
                  	$('.toggleImg', widget).attr('src','plugins/widget/core/template/dashboard/cmd.action.other.vtsax_on-off/Toggle'+styleimg[0]+'_ON.png');
					if (toggleNormalize('#name#') == 'on') {
						widget.hide();
					} else {                      	
						widget.show();
					}
				} else {
                  	$('.toggleImg', widget).attr('src','plugins/widget/core/template/dashboard/cmd.action.other.vtsax_on-off/Toggle'+styleimg[0]+'_OFF.png');
					if (toggleNormalize('#name#') == 'off') {
						widget.hide();
					} else {
						widget.show();
					}
				}
			});
		};
		
        jeedom.cmd.update['#id#']({display_value:'#state#'});
        $('.cmd[data-cmd_uid=#uid#] .toggleAction').off().on('click', function () {
            jeedom.cmd.execute({id: '#id#'});
        });		
	</script>
</div>

Merci d’avance
Biz

[kiboost]

@Vtsax

#valueName#

vire le br

[Vtsax]

<span class="toggleName" style="#hideCmdName#">#valueName#<></span>

Salut mon ami, comme ceci ?
Si oui, ça ne fonctionne malheureusement pas

[Vtsax]

Oh la vache, on se rapproche !, en réduisant la case, le widget reviens au dessus mais <> apparaît:D

J’ai essayé de supprimer les <> ou il y avait BR mais ça ne change pas…

[Salvialf]

Salut,

<span class="toggleName" style="#hideCmdName#">#valueName#</span>

…et ctrl+F5 pour rafraichir le cache des widgets

[Vtsax]

C’est fait, comme ceci
mais malgré le F5, c’est pareil… J’ai même fermé le navigateur et réouvert… Si tu as une autre idée…

Vraiment merci vous êtes super

<div class="cmd tooltips cmd-widget cursor toggle" data-type="action" data-subtype="other" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#">
	<div class="toggleDivConteneur">
		<span class="toggleName" style="#hideCmdName#">#valueName#</span>
		<span class="toggleAction"><><img class="toggleImg" src="" /></span>
	</div>
	<script type="text/javascript">
        jeedom.cmd.update['#id#'] = function(_options){
			$.include(['plugins/widget/core/template/dashboard/cmd.action.other.test_slider_on_off/Toggle.js', 'plugins/widget/core/template/dashboard/cmd.action.other.test_slider_on_off/Toggle.css'], function() {
				var styleimg = toggleStyleimg('#styleimg#');
				var widget = $('div.cmd[data-cmd_uid="#uid#"]');
				$('.toggleImg', widget).attr('style',styleimg[1]+': 50px;');
				var state1 = 'on';

				if ('#nospace#'.trim() == '1') { $('span.toggleAction br', widget).remove(); }
				if ('#inline#'.trim() == '1') { toggleInline(widget,styleimg[2]); }
				if ('#reverse#'.trim() == '1') { state1 = 'off'; }
				
				if (toggleNormalize(_options.display_value.toString()) == state1) {
                  	$('.toggleImg', widget).attr('src','plugins/widget/core/template/dashboard/cmd.action.other.test_slider_on_off/Toggle'+styleimg[0]+'_ON.png');
					if (toggleNormalize('#name#') == 'on') {
						widget.hide();
					} else {                      	
						widget.show();
					}
				} else {
                  	$('.toggleImg', widget).attr('src','plugins/widget/core/template/dashboard/cmd.action.other.test_slider_on_off/Toggle'+styleimg[0]+'_OFF.png');
					if (toggleNormalize('#name#') == 'off') {
						widget.hide();
					} else {
						widget.show();
					}
				}
			});
		};
		
        jeedom.cmd.update['#id#']({display_value:'#state#'});
        $('.cmd[data-cmd_uid=#uid#] .toggleAction').off().on('click', function () {
            jeedom.cmd.execute({id: '#id#'});
        });		
	</script>
</div>

[Salvialf]

<div class="cmd tooltips cmd-widget cursor toggle" data-type="action" data-subtype="other" data-cmd_id="#id#" data-cmd_uid="#uid#" data-version="#version#">
	<div class="toggleDivConteneur">
		<span class="toggleName" style="#hideCmdName#">#valueName#</span>
		<span class="toggleAction"><img class="toggleImg" src="" /></span>
	</div>
......................
..................

[Vtsax]

Oh non de dieux il était bien caché !!!
Mille merci, je vous aime

Sinon juste pour mon info, que signifie le br ?

[Salvialf]

<br>

Correspond à un saut de ligne en html

[Vtsax]