Skip to content

Instantly share code, notes, and snippets.

@shtefcs
Last active August 29, 2015 14:10
Show Gist options
  • Save shtefcs/a906cb7567a92a1b1b07 to your computer and use it in GitHub Desktop.
Save shtefcs/a906cb7567a92a1b1b07 to your computer and use it in GitHub Desktop.
designer
<link href="../paper-tabs/paper-tabs.html" rel="import">
<link href="../paper-tabs/paper-tab.html" rel="import">
<link href="../paper-input/paper-input.html" rel="import">
<link href="../paper-radio-button/paper-radio-button.html" rel="import">
<link href="../paper-slider/paper-slider.html" rel="import">
<link href="../paper-radio-group/paper-radio-group.html" rel="import">
<link href="../topeka-elements/topeka-resources.html" rel="import">
<link href="../topeka-elements/topeka-profile.html" rel="import">
<polymer-element name="my-element">
<template>
<style>
#design_host {
position: absolute;
width: 100%;
height: 100%;
box-sizing: border-box;
}
#section {
width: 1280px;
height: 390px;
border: 5px solid rgb(204, 204, 204);
left: 130px;
top: 40px;
position: absolute;
}
#paper_tabs {
background-color: rgb(0, 188, 212);
color: rgb(255, 255, 255);
box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);
}
#paper_input {
left: 425px;
top: 47px;
position: absolute;
width: 160px;
height: 40px;
}
#paper_radio_button {
left: 85px;
top: 157px;
position: absolute;
}
#paper_slider {
left: 365px;
top: 147px;
position: absolute;
}
#paper_radio_button1 {
left: 85px;
top: 187px;
position: absolute;
}
#paper_radio_group {
left: 945px;
top: 117px;
position: absolute;
}
#topeka_profile {
width: 300px;
height: 300px;
left: 410px;
top: 460px;
position: absolute;
}
</style>
<section id="section" vertical layout>
<paper-tabs noink nobar selected="1" selectedindex="1" id="paper_tabs" layout center horizontal>
<paper-tab id="paper_tab" layout horizontal center-center flex inline>ITEM ONE</paper-tab>
<paper-tab id="paper_tab1" layout horizontal center-center flex inline active>ITEM TWO</paper-tab>
</paper-tabs>
<section id="section1" relative flex>
<paper-input label="Type something..." value="something" committedvalue="something" id="paper_input"></paper-input>
<paper-radio-button checked label="Are u ready ?" id="paper_radio_button"></paper-radio-button>
<paper-slider id="paper_slider"></paper-slider>
<paper-radio-button checked label="Radio Button" id="paper_radio_button1"></paper-radio-button>
<paper-radio-group selected="Small" valueattr="label" selectedindex="0" id="paper_radio_group">
<paper-radio-button checked label="Small" id="paper_radio_button2"></paper-radio-button>
<paper-radio-button label="Medium" id="paper_radio_button3"></paper-radio-button>
<paper-radio-button label="Large" id="paper_radio_button4"></paper-radio-button>
</paper-radio-group>
</section>
</section>
<topeka-profile id="topeka_profile" vertical layout center></topeka-profile>
</template>
<script>
Polymer({
});
</script>
</polymer-element>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment