2016-09-20 4 views
1

표시 할 코드가 없기 때문에 이것이 적절한 장소인지 확실하지 않습니다. 나는 실제로 내 문제를 해결할 수있는 방법에 대한 아이디어를 찾고 있습니다.다른보기의 폴리머 격자

미디어 쿼리에 최소 너비의 타블렛이있는 경우 화면에 눈금을 표시하는 앱이 있습니다.

enter image description here

그러나보기 모바일 모드에있을 때 나는 격자를 표시하지 않습니다. 대신 격자 옵션이있는 드롭 다운 메뉴가 있습니다. 종이 - 대화 상자에 표시 될 것입니다 선택하면 문제는 내가보기에 따라 적절한 하나를 두 개의 격자 (angel이라는 그리드)을 생성하고 보여 주어야입니다

enter image description here

(팝업). 그리드가 하나만있는 방법이 있습니까? 태블릿 및 바탕 화면보기에서 종이 대화 상자에 넣을 수 있지만 팝 아웃하지 마십니까? 사전에

감사

+0

내가 가진 아이디어는 dom-if를 사용하는 것입니다. 그러나 요소가 서로 다른 두 ID에 있으면 같은 요소를 가질 수 있습니까? 예 : "mobile" adviner

답변

0

그리드 요소는 모든 사용자 정의 속성이이 대화 상자에 이동할 수 그게 전부는 자바 스크립트를 사용하여 필요한 경우 즉, DOM의 요소 인 경우 : 또한

let myGrid = this.$$('#myGrid'); 
let myDialogContent = this.$$('#myDialogContent'); 
Polymer.dom(myDialogContent).appendChild(myGrid); 

을 만약 다른 방식으로 생각한다면, 화면 밖에서 그리드를 숨길 수 있습니다. 서랍 패널처럼 필요할 때 슬라이드 할 수 있으며, DOM에서 요소를 전혀 움직일 필요가 없습니다.

질문을 stackoverflow 프로그래밍 방법에 의해 https://softwareengineering.stackexchange.com/ 사이트가 있지만 여기에 보낼 Ok라고 생각합니다.

+0

감사합니다. 위의 한 가지 생각. 같은 id를 가진 같은 요소를 가진 dom-if를 사용할 수 있습니까? 나는 특히 자식을 추가하는 것을 좋아한다. – adviner

+0

@adviner 나는이 경험이 없다.하지만 DOM에 id를 DOM에 추가하는 경우, 결과에 영향을 미치지 않아야한다고 생각한다.