Skip to content

Instantly share code, notes, and snippets.

@pmacMaps
Created August 19, 2019 19:20
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save pmacMaps/f41f4b0987b2ddcab237226631f81ba7 to your computer and use it in GitHub Desktop.
Save pmacMaps/f41f4b0987b2ddcab237226631f81ba7 to your computer and use it in GitHub Desktop.
Stylesheet to Pull Contents of Selected Feature Pop-Up onto a Printed Map (print media query)
.jimu-widget-printmapdialogwindow p {
margin-bottom: 15px;
color: #000;
font-size: 1.15em;
}
.jimu-widget-printmapdialogwindow input {
display: block;
margin: 0 auto;
margin-top: 25px;
padding: 10px;
text-align: center;
font-size: 1.5em;
color: #fff;
background-color: #005fa2;
border-radius: 5px;
border-color: #005fa2;
-webkit-transition: background-color 0.3s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out;
-ms-transition: background-color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out;
}
.jimu-widget-printmapdialogwindow input:hover,
.jimu-widget-printmapdialogwindow input:focus {
background-color: #000;
}
.jimu-widget-printmapdialogwindow #print-prep-msg {
display: none;
font-size: 1.5em;
font-weight: bold;
}
.jimu-widget-printmapdialogwindow #print-prep-msg img {
display: block;
margin: 0 auto;
height: 75px;
width: 75px;
}
/*** Print ***/
/* Allow pop-up to display when printing using ctrl + p method */
@media print {
@page {
margin: 0.5in 0.25in;
}
body {
height: auto;
max-width:1024px;
}
div#jimu-layout-manager {
position: relative !important;
}
div#map {
position: relative !important;
height: 100%;
width: 200% !important;
top: 0px !important;
left: 0px !important;
right: 360px !important;
margin-left: -360px !important;
}
div#map_root {
width: 100% !important;
height: 100% !important;
}
div.map div.esriMapContainer {
position: relative !important;
}
div#map_container {
position: relative !important;
height: 720px;
}
div.jimu-widget-scalebar {
margin-left: 360px !important;
}
div.jimu-widget-header-controller,
div.jimu-widget-onscreen-icon,
div.jimu-widget-zoomslider,
div.jimu-widget-homebutton,
div.jimu-widget-search,
div.jimu-widget-mylocation,
div.jimu-widget-coordinate,
/*div.jimu-widget-scalebar,*/
div.jimu-widget-fullScreen,
div.jimu-widget-extent-navigate,
div.esriControlsBR,
div.popupheader,
div.esriPopup,
div.jimu-on-screen-widget-panel,
div.jimu-widget-attributetable,
div.jimu-widget-attributetable-move,
div.jimu-widget-attributetable-switch,
div.jimu-widget-attributetable div.dijitToolbar,
div.esriPopup div.actionsPane,
div.jimu-panel {
display: none !important;
}
div.jimu-widget-attributetable-main {
overflow: auto !important;
}
div.jimu-widget-attributetable-main .dijitTabContainer {
height: auto !important;
}
div.jimu-widget-attributetable-main .dijitTabListContainer-top,
div.jimu-widget-attributetable-main .dijitTabContainerTop-container,
div.jimu-widget-attributetable-main .dijiTabSpacer {
position: relative !important;
}
div.jimu-widget-attributetable-main .dgrid {
height: auto !important;
}
div.jimu-widget-attributetable-main .dgrid-header-row {
position: relative !important;
}
div.jimu-widget-attributetable-main .dgrid-scroller {
position: relative !important;
overflow-y: auto !important;
}
div.jimu-widget-attributetable-main .dgrid-content {
width: auto !important;
}
div.jimu-panel.jimu-ldockable-panel {
display: block !important;
position: relative !important;
page-break-before: always;
left:auto !important;
top:auto !important;
border-width: 0;
box-shadow: none;
}
.claro .dijitContentPane,
.jimu-widget-frame.jimu-container{
padding-top: 0 !important;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment