remove header region?

Permanently deleted user

30. Oktober 2017 13:43

Is it possible to remove the header region for the handheld viewer?  We're looking for a cleaner user experience and don't really need a full length margin at the top.  Would prefer to use that real estate for the map.  Easy enough to do on desktop by removing banner but this isn't an option on handheld.

 

Scott

0

• 

  Permanently deleted user

  30. Oktober 2017 16:24

  You should be able to hide it by adding the CSS below:

  .header-region {     display: none; } #map_root {     height: 100%; } .screen-region {     top: 0 !Important; }

  You can find the css file in your sites folder:

  Sites\[Your Site]\Viewers\[Your Viewer]\VirtualDirectory\Resources\Styles\Custom\Handheld.css

  Note that this will completely remove the search bar, the I Want To... menu and the toolbar button.

  0
• 

  Permanently deleted user

  31. Oktober 2017 16:22

  Jared, 

   

  Thanks, this definitely did the trick.  However, it seems to causing some issues for the map tips.

   

  Here's my site, http://gisweb64test.greenvillesc.gov/Html5Viewer/index.html?viewer=basicmap.

   

  Any idea what's happening?

   

  Scott

  0
• 

  Permanently deleted user

  31. Oktober 2017 17:47

  Hey Scott,

  It looks like the results panel is active by default when loading your handheld site. I don't see this in the tablet/desktop versions. If you select the results panel, close it and then select the map, you should see map tips appear normally.

  That said, I'm not sure why the map tips aren't displaying properly when the results panel is is active. I'll look into it, but I suspect the results panel visibility might be configurable in the handhelp.json.js file. I don't think there is an easy CSS fix for this.

  0
• 

  Permanently deleted user

  31. Oktober 2017 18:13

  Scratch that... I might have figured it out.

  Try this:

  .header-region { display: none; } .screen-region { top: 0 !Important; Height: 100% !Important; }

  0

Bitte melden Sie sich an, um einen Kommentar zu hinterlassen.