2016-05-24 4 views
1

Ich habe Probleme mit dem Erhalten einer einfachen Schaltfläche in Polymer Designer, um die Eigenschaften eines separaten Elements zu ändern. Ich möchte auf diese Schaltfläche, um sich hier:Polymer Designer verschieben "Core-Karte" auf Schaltfläche klicken

<core-icon-button icon="more-vert" id="core_icon_button"></core-icon-button> 

Verschieben dieser „Kern-Karte“ von „-10%“ auf „10%“

<core-card id="core_card" layout vertical left style="left:'-10%';">...</core-card> 

ich mehrere Ansätze für diese versucht haben, versuchen, Deklarationen wie "{{...}}" usw. zu verwenden, aber ich hatte kein Glück, dies herauszufinden. Ich würde es schätzen, wenn mir jemand helfen könnte.

Antwort

0

So etwas sollte funktionieren:

<template> 
    <style> 
     :host { 
     --core-card-left: -10%; 
     } 

     core-card { 
     left: var(--core-card-left); 
     } 
    <style> 
    <core-icon-button icon="more-vert" id="core_icon_button" on-click="updateLeft"></core-icon-button> 
    <core-card id="core_card" layout vertical left style="left:'-10%';">...</core-card> 

    </template> 
updateLeft = function(e) { 
    this.customStyle['--core-card-left'] = '10%'; 
    this.updateStyles(); 
    }; 
Verwandte Themen