Problème de centrage d'un bouton

Bonjour les z’amis :slight_smile:

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

1

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

vire le br

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

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

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

1

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

Salut,

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

…et ctrl+F5 pour rafraichir le cache des widgets

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 :heart_eyes:

<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>
<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>
......................
..................

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

Sinon juste pour mon info, que signifie le br ?

<br>

Correspond à un saut de ligne en html

:heart: :heart: :heart: :heart: