Breite von Switch verkleinern?

[frankenChris]

Hallo,
kurze Frage: gibt es eine Möglichkeit, die Breite von Switch-Widgets zu verringern? Wenn ich colspan verkleinere, rücken die Elemente zwar näher aneinander, die Switches werden aber nicht schmäler.

[Chris M.]

Meinst Du die Button-Breite? Die definiert das Design.
Oder die Widget-Breite? Die sollte per colspan anpassbar sein...

[frankenChris]

Hi,
ich meine die Breite des Buttons selbst. Ich nutze das Metal-Design, wie könnte ich die dann anpassen? Bin mit css leider nicht vertraut.

[Chris M.]

Über die Custom CSS sollte das gehen.
Du musst halt wissen ob bei allen Buttons oder nur speziellen.

Das üben bzgl. CSS geht relativ leicht: einfach die Seite laden und die Entwickler-Konsole öffnen (Chrome: Ctrl+Shift+I, Firefox: Firebug), da auf die HTML-Sicht gehen und dann kann man schon mal leicht üben

[frankenChris]

Hi,

habe nun mal Firebug ausprobiert - damit habe ich es irgendwann auch geschafft, die breite des Switch Elements zu verringern. Allerdings hat das Icon seine Position behalten - und wie ich das ins CSS gießen würde, ist mir auch noch schleiferhaft.
Momentan fehlt mir ein bisschen die Zeit hier weiter zu experimentieren.

Hat den sonst keiner das Problem mit überlappenden Switch-Elementen bei dem Metal-Design und geringen Auflösungen bzw. höherem Zoomfaktor?

[MicHau]

Es wäre sicherlich hilfreich, zum einen einen Screenshot einzustellen, der das Problem zeigt, und zum anderen die Config mit den zum Reproduzieren notwendigen Elementen zu posten.

Alles andere ist reiner Blindflug. Denn ich habe z.B. keine Ahnung, was überhaupt dein Problem in der Darstellung ist.

[frankenChris]

Wenn ich am Rechner im Browser zoome oder die Visu aufm Tablet öffne, schaut's so aus - die Switch-Widgets überlappen sich:



Config dazu:

<group nowidget="true">

    <layout colspan="6"/>
    
    <text>                                
        <label>Allg.Beleuchtung</label>
        <layout colspan="2"/>
    </text>
    
    <slide nowidget="true" min="0" max="100" step="1" format="%d%%" styling="GreyGrey" flavour="lithium" align="left">        
        <layout colspan="3"/>
        <address transform="DPT:5.001" mode="write">2/2/92</address>
        <address transform="DPT:5.001" mode="read">2/2/94</address>
    </slide>                
                                        
    <switch nowidget="true" mapping="Sperren" styling="GreyGrey" bind_click_to_widget="false" align="right">
        <layout colspan="1"/>
        <address transform="DPT:1.001" mode="readwrite">2/2/99</address>
    </switch>                
    
</group>
<group nowidget="true">

    <layout colspan="6"/>
                                    
    <text>                                
        <label>Arbeitsbeleuchtung</label>
        <layout colspan="4"/>
    </text>
            
    <switch mapping="OnOff_Licht" styling="GreyGrey" bind_click_to_widget="false" align="left">                                
        <layout colspan="1"/>
        <address transform="DPT:1.001" mode="write">2/2/100</address>
        <address transform="DPT:1.001" mode="read">2/2/101</address>
    </switch>    
                                            
    <switch nowidget = "true" mapping="Sperren" styling="GreyGrey" bind_click_to_widget="false" align="right">
        <layout colspan="1"/>
        <address transform="DPT:1.001" mode="readwrite">2/2/102</address>
    </switch>                
    
</group>