Skip to content

Instantly share code, notes, and snippets.

@Jupiterrr
Created July 1, 2014 19:02
Show Gist options
  • Save Jupiterrr/512770cb2166089c22f4 to your computer and use it in GitHub Desktop.
Save Jupiterrr/512770cb2166089c22f4 to your computer and use it in GitHub Desktop.
designer
<link rel="import" href="../../salesforce/s1-elements/scaffold/s1AppScaffold.html">
<link rel="import" href="../../salesforce/s1-elements/scaffold/s1PageContainer.html">
<link rel="import" href="../../salesforce/s1-elements/s1StagedNavigationStageLeft.html">
<link rel="import" href="../../salesforce/s1-elements/s1StagedNavigationNotifications.html">
<link rel="import" href="../../salesforce/s1-elements/s1AnchorLightDefault.html">
<link rel="import" href="../../salesforce/s1-elements/s1ListWithLabels.html">
<link rel="import" href="../../salesforce/s1-elements/s1CardEvent.html">
<link rel="import" href="../../salesforce/s1-elements/s1CardRelatedList.html">
<link rel="import" href="../../salesforce/s1-elements/s1CardTask.html">
<link rel="import" href="../../salesforce/s1-elements/s1CommentPublisherDefault.html">
<link rel="import" href="../../salesforce/s1-elements/s1DropDownWithPhoto.html">
<link rel="import" href="../../salesforce/s1-elements/s1FeedCommentWithPayload.html">
<link rel="import" href="../../salesforce/s1-elements/s1FeedPayloadPrimary.html">
<link rel="import" href="../../salesforce/s1-elements/s1ModalSortFilterMultisection.html">
<link rel="import" href="../../salesforce/s1-elements/s1CardChatter.html">
<link rel="import" href="../../salesforce/s1-elements/s1CardAccount.html">
<link rel="import" href="../../salesforce/s1-elements/s1Calendar.html">
<link rel="import" href="../../salesforce/s1-elements/s1AnchorDark.html">
<link rel="import" href="../../salesforce/s1-elements/s1IndicatorDotsLightBackground.html">
<link rel="import" href="../../salesforce/s1-elements/s1ButtonGroups.html">
<link rel="import" href="../../salesforce/s1-elements/scaffold/s1DetailView.html">
<link rel="import" href="../../salesforce/s1-elements/scaffold/s1MDPBundle.html">
<link rel="import" href="../../salesforce/mobile-ui-elements/elements/force-sobject/force-sobject.html">
<link rel="import" href="../../salesforce/mobile-ui-elements/elements/force-sobject-collection/force-sobject-collection.html">
<polymer-element name="my-element">
<template>
<style>
:host {
position: absolute;
width: 100%;
height: 100%;
box-sizing: border-box;
top: 0px;
left: 0px;
}
#s1_app {
width: 320px;
height: 620px;
left: 250px;
top: 0px;
position: absolute;
}
#s1_indicator_dots_light_background {
display: block;
margin: 7px;
}
#force_ui_detail {
left: 1120px;
top: 400px;
}
#s1_calendar {
width: 320px;
}
#s1_card_account {
width: 320px;
}
#s1_card_chatter {
width: 320px;
}
#s1_card_event {
width: 320px;
}
#s1_card_related_list {
width: 320px;
}
#s1_card_task {
width: 320px;
}
#s1_comment_publisher_default {
width: 320px;
}
#s1_drop_down_with_photo {
width: 320px;
}
#s1_feed_comment_with_payload {
width: 320px;
}
#s1_feed_payload_primary {
width: 320px;
}
#s1_header_primary_default {
width: 320px;
left: 1050px;
top: 420px;
}
#s1_header_primary_modal {
width: 320px;
left: 1080px;
top: 450px;
}
#s1_header_primary_search {
width: 320px;
left: 1080px;
top: 480px;
}
#s1_header_secondary_child_browser {
width: 320px;
left: 1070px;
top: 450px;
}
#s1_indicator_dots_dark_background {
width: 320px;
left: 1080px;
top: 400px;
}
#s1_list_flag_objects {
width: 320px;
left: 1090px;
top: 380px;
}
#s1_list_item_event {
width: 320px;
left: 960px;
top: 430px;
}
#s1_list_item_flag_objects {
width: 320px;
left: 1050px;
top: 430px;
}
#s1_list_item_with_icon {
width: 320px;
left: 1000px;
top: 420px;
}
#s1_list_single_lineof_text {
width: 320px;
left: 1040px;
top: 420px;
}
#s1_lookup_default {
width: 320px;
left: 1080px;
top: 480px;
}
#s1_lookup_error {
width: 320px;
left: 1090px;
top: 410px;
}
#s1_mdpbutton {
position: absolute;
left: 1090px;
top: 460px;
}
#s1_mdplauncher_overflow {
width: 320px;
left: 1020px;
top: 510px;
}
#s1_modal_dialog_buttons_only {
width: 320px;
left: 1040px;
top: 470px;
}
#s1_modal_dialog_withcheckbox {
width: 320px;
left: 1060px;
top: 440px;
}
#s1_mdplauncher_default {
width: 320px;
left: 1120px;
top: 400px;
}
#s1_modal_sort_filter_multisection {
width: 320px;
}
#s1_page_container {
width: 320px;
left: 1100px;
top: 440px;
}
#s1_page_level_errors {
width: 320px;
left: 1190px;
top: 420px;
}
#s1_picklist_default {
width: 320px;
left: 1040px;
top: 470px;
}
#s1_picklist_label_outside {
width: 320px;
left: 1040px;
top: 430px;
}
#s1_progress_spinner_default {
left: 1080px;
top: 410px;
}
#s1_radio_button {
width: 320px;
left: 1110px;
top: 440px;
}
#s1_staged_navigation_notifications {
width: 320px;
left: 990px;
top: 400px;
}
#s1_search_widget_default {
width: 320px;
left: 1040px;
top: 470px;
}
#s1_sobject_detail {
width: 320px;
left: 1040px;
top: 420px;
}
#s1_toast_notification {
width: 320px;
left: 1060px;
top: 470px;
}
#s1_view_picker {
width: 320px;
left: 980px;
top: 510px;
}
#force_ui_app {
overflow-y: scroll;
left: 1080px;
top: 370px;
}
#force_ui_list {
left: 1010px;
top: 390px;
}
</style>
<s1-app-scaffold navcloseevent="sobject-selected" id="s1_app">
<s1-staged-navigation-stage-left id="s1_navigation_menu" navigation></s1-staged-navigation-stage-left>
<s1-staged-navigation-notifications id="s1_notification_panel" notifications></s1-staged-navigation-notifications>
<s1-page-container navigateon="core-activate" navigationtarget="{{ $.s1_detail_view }}" id="s1_list" class="animate" active>
<s1-anchor-light-default anchorlightlabel="recent" anchorlighttitle="{{ $.s1_navigation_menu.selectedSObject }}" anchorlighticon="{{ $.s1_navigation_menu.selectedSObject }}" id="s1_anchor_light_default" button="New" on-new></s1-anchor-light-default>
<s1-list-with-labels collection="{{ $.sobject_collection.collection }}" id="s1_listWithLabels"></s1-list-with-labels>
<s1-card-event id="s1_card_event"></s1-card-event>
<s1-card-related-list id="s1_card_related_list"></s1-card-related-list>
<s1-card-task id="s1_card_task"></s1-card-task>
<s1-comment-publisher-default id="s1_comment_publisher_default"></s1-comment-publisher-default>
<s1-drop-down-with-photo id="s1_drop_down_with_photo"></s1-drop-down-with-photo>
<s1-feed-comment-with-payload id="s1_feed_comment_with_payload"></s1-feed-comment-with-payload>
<s1-feed-payload-primary id="s1_feed_payload_primary"></s1-feed-payload-primary>
<s1-modal-sort-filter-multisection id="s1_modal_sort_filter_multisection"></s1-modal-sort-filter-multisection>
<s1-card-chatter id="s1_card_chatter"></s1-card-chatter>
<s1-card-account id="s1_card_account"></s1-card-account>
<s1-calendar id="s1_calendar"></s1-calendar>
</s1-page-container>
<s1-page-container id="s1_detail_view" class="animate">
<s1-anchor-dark anchordarktitle="{{ $.record_info.fields.Name }}" anchordarkdescription="{{ $.record_info.fields.Title }}" anchordarkicon="{{ $.s1_navigation_menu.selectedSObject }}" id="s1_anchor_dark">
</s1-anchor-dark>
<s1-indicator-dots-light-background id="s1_indicator_dots_light_background"></s1-indicator-dots-light-background>
<s1-button-groups id="s1_button_groups" label="New"></s1-button-groups>
<s1-sobject-detail sobject="{{ $.sobject_collection.sobject }}" recordid="{{ $.s1_listWithLabels.selected }}" id="force_ui_detail"></s1-sobject-detail>
</s1-page-container>
<s1-mdp-bundle id="s1_mdp_bundle"></s1-mdp-bundle>
<force-sobject sobject="{{ $.s1_navigation_menu.selectedSObject }}" recordid="{{ $.s1_listWithLabels.selected }}" id="record_info"></force-sobject>
<force-sobject-collection sobject="{{ $.s1_navigation_menu.selectedSObject }}" id="sobject_collection"></force-sobject-collection>
</s1-app-scaffold>
</template>
<script>
Polymer('my-element', {
});
</script>
</polymer-element>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment