Latest Contributions by JeffThornton

Brian, I am still having difficulties with the borders around the featured maps. I am also having trouble centering the footer text below the gray line at the bottom of the page.I really appreciate your help! Thanks! Jeff  ... View more

Brian, Thanks for all the help! Would their be any way I could contact thru email for some more detailed questions? If so could you email at jthornton@bpu.com. Thanks again! Jeffrey Thornton  ... View more

Brian 2 more questions. What controls the featured content in the banner part of the code. Specifically the border around the maps and the color of the border?  Thanks! Jeffrey Thornton  The other question is what part of the code controls the contact us at the bottom of the page? ... View more

Brian, How do I center the following footer-text at the bottom of this page? Thanks, Jeffrey Thornton  <style> .info-section { margin-bottom: 15px; color: #444; } #homeRotate { margin-bottom: 0px !important; } .groupItems, .groupItem img { margin: 0 5px 0 5px; overflow: hidden; text-align: center; } .groupItem img { background-color: rgba(119,119,119,.8); -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; padding: 8px; } .groupItem:hover img { background-color: rgba(90,90,90); opacity: .95; } #footer-text{ margin-bottom: 20px; color: black; } hr.rule{ border-top: 5px solid #999; border-radius: 5px; margin-bottom: 25px; margin-top: 30px; width: 50%; } </style> <div class="info-section"> <p class="groupItems"> <a class="groupItem" href="App URL HERE" target="_blank" title="App Name"><img alt="ElectricGeneration" src="https://egis.bpu.com/portal/sharing/rest/content/items/62299722b1c1488fb549caa71cb4b433/data"/></a> <a class="groupItem" href="App URL HERE" target="_blank" title="App Name"><img alt="ElectricTransmission" src="https://egis.bpu.com/portal/sharing/rest/content/items/9e685d4264724bd08d5e53e7f0985d17/data"/></a> <a class="groupItem" href="App URL HERE" target="_blank" title="App Name"><img alt="ElectricDistribution" src="https://egis.bpu.com/portal/sharing/rest/content/items/e95f6700cf024122806cb2d8fef02601/data"/></a> </p> </div> <div class="info-section"> <p class="groupItems"> <a class="groupItem" href="App URL HERE" target="_blank" title="App Name"><img alt="WaterProduction" src="https://egis.bpu.com/portal/sharing/rest/content/items/1e4af121dd1c40a0b6349f5231ad4371/data"/></a> <a class="groupItem" href="App URL HERE" target="_blank" title="App Name"><img alt="WaterDistribution" src="https://egis.bpu.com/portal/sharing/rest/content/items/5ab7f18c809343e085f2186257328019/data"/></a> <a class="groupItem" href="App URL HERE" target="_blank" title="App Name"><img alt="UnifiedGovernment" src="https://egis.bpu.com/portal/sharing/rest/content/items/e1410575346b41cf99724213121ba219/data"/></a> <a class="groupItem" href="App URL HERE" target="_blank" title="App Name"><img alt="KCBPUGISNews" src="https://egis.bpu.com/portal/sharing/rest/content/items/6f830ed84be64a47b379683563b649d9/data"/></a> </p> </div> <hr class="rule"> <div id="footer-text"> <b>Footer text - whatever you want to enter.</b></a> </div> ... View more

Brian, So far this is what my page look like and what is my content and shared now:  Here is my URL to my images:  Background image: https://egis.bpu.com/portal/sharing/rest/content/items/adb2e77712d64712a6525487d3783f67/data  BannerBPU2020 image: https://egis.bpu.com/portal/sharing/rest/content/items/0612af5b03d343c99e1c1a20c52a3470/data  Transmission image: https://egis.bpu.com/portal/sharing/rest/content/items/3c55b232f15a46378841007031f72af4/data  I don't have all the images for the organization Description yet uploaded yet, but i plan to add 5 more images to link to web-app/web-map.  Here is my code for Banner presently:  <div><style> #header, #webmap-header { background-color: #111; } .galleryNode.galleryLabelContainer { color: #fff !important; display: none; } .prevButton { display: none; height: 0; } .nextButton { display: none; height: 0; } .galleryBackground { height: 160px; } #matrixLayout { box-shadow: none; } #featuredMaps { background: none; box-shadow: none; border-bottom: none; /* height: 0 !important; */ /* display: none !important; */ } #featuredMaps #fHeader { background: white; box-shadow: black; border-bottom: white; h2.galleryTitle: ' '; height: 0px; } #featuredMaps #fHeader h2 { font-size: 0px; } .esriItemLinks a, .esriItemLinks a:link, .esriItemLinks a:hover, .esriItemLinks a:active, .esriItemLinks a:visited { color: #111; } #bottomContent { background: none; box-shadow: none; border-bottom: none; } #bottomContent #organizationSection { border-bottom: none !important; } .top-nav{ border-bottom: 0 !important; } .top-nav-link { color: #999 !important; } .esri .footer, .esri .center .footer { border-top: none !important; } #topBanner { background: url(https://egis.bpu.com/portal/sharing/rest/content/items/0612af5b03d343c99e1c1a20c52a3470/data); border-radius: 0px 0px 10px 10px; width: 960px; height: 200px; margin-top: 20px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -o-border-radius: 0 0 10px 10px; } #resetBack { position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; background-image: url(https://egis.bpu.com/portal/sharing/rest/content/items/adb2e77712d64712a6525487d3783f67/data); background-size: cover; z-index: 0-100; } </style> <div id="topBanner"></div> <div id="resetBack"></div></div> Here is my code that I just got from you this morning for Org Description:  <style>    .info-section {            margin-bottom: 15px;      color: #444;    }        #homeRotate {      margin-bottom: 0px !important; }     .groupItems, .groupItem img {            margin: 0 5px 0 5px;            overflow: hidden;      text-align: center; }        .groupItem img {      background-color: rgba(119,119,119,.8);      -webkit-border-radius: 5px 5px 5px 5px;            border-radius: 5px 5px 5px 5px;      padding: 8px; } .groupItem:hover img {            background-color: rgba(90,90,90);      opacity: .95;   }        #footer-text{      margin-bottom: 20px;      color: black; } hr.rule{      border-top: 5px solid #999;     border-radius: 5px;     margin-bottom: 25px;     margin-top: 30px;     width: 50%; } </style>  <div class="info-section">            <p class="groupItems">                 <a class="groupItem" href="App URL HERE" target="_blank" title="App Name"><img alt="Image Name" src="img URL here"/></a>                 <a class="groupItem" href="App URL HERE" target="_blank" title="App Name"><img alt="Image Name" src="img URL here"/></a>                 <a class="groupItem" href="App URL HERE" target="_blank" title="App Name"><img alt="Image Name" src="img URL here"/></a>      </p> </div> <hr class="rule"> <div id="footer-text">      <b>Footer text - whatever you want to enter.</b></a> </div> <div class="info-section">          <p class="groupItems">                 <a class="groupItem" href="App URL HERE" target="_blank" title="App Name"><img alt="Image Name" src="img URL here"/></a>                <a class="groupItem" href="App URL HERE" target="_blank" title="App Name"><img alt="Image Name" src="img URL here"/></a>             <a class="groupItem" href="App URL HERE" target="_blank" title="App Name"><img alt="Image Name" src="img URL here"/></a>           <a class="groupItem" href="App URL HERE" target="_blank" title="App Name"><img alt="Image Name" src="img URL here"/></a>         <a class="groupItem" href="App URL HERE" target="_blank" title="App Name"><img alt="Image Name" src="img URL here"/></a>      </p>  </div> Again, Thanks for your help Brian! How did you learn all these coding elements from ESRI? Have a great day!  Jeffrey Thornton  ... View more

Brian. Thanks for your reply and your help so far. Is this the correct place to place the code: (Org Description)  Thanks! Jeffrey Thornton  ... View more

Dear Everyone, I am brand new at this. I am trying to understand each part of the code and what it controls. I am attaching my code for my banner and organization description, along with my photos. I have been able to set my background and my top banner, but I cannot seem to get my description part to work. I am using icons I converted to 110x80 pixels. Please help. Can someone help me step thru each part of the code? I know the icons in the organization description will link to a webmap, but I don't have a webmap created presently, but I will. Thanks for any help! Jeffrey Thornton jthornton@bpu.com Kansas City Board of Public Utilities   Organization Description:  <style> .customContent { margin-bottom: 35px; text-align: center; } .groupItem img { background-color: rgba(119, 119, 119, .9); -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; padding: 8px; margin: 0 10px 0 10px; } .groupItem: hover img { background-color: rgba(0, 150, 148, .9); opacity: .95; } </style> <div class="customContent"> <p class="groupItems"> <a class="groupItem" href="https://uecoop.maps.arcgis.com/home/webmap/viewer.html?webmap=2bd2eec657684e74a3cb1c1cc53c1e0f" target="_blank" title="ElectricGeneration"> <img alt="ElectricGeneration" src="https://egis.bpu.com/portal/sharing/rest/content/items/d3fbc4cb1b594acc9b65ff80e307ef89/data" /> </a> <a class="groupItem" href="https://uecoop.maps.arcgis.com/home/group.html?id=48bce920d40d41e5b1c9303da5d0923a#overview" target="_blank" title="ElectricTransmission"> <img alt="ElectricTransmission" src="https://egis.bpu.com/portal/sharing/rest/content/items/ca2398a88d8346deb2e38c1ccbf82d74/data" /> </a> <a class="groupItem" home="" href="https://uecoop.maps.arcgis.com/home/group.html?id=bf4029a107a342b0a0633418db90a5a8#overview" target="_blank" title="ElectricDistribution"> <img alt="ElectricDistribution" src="https://egis.bpu.com/portal/sharing/rest/content/items/7b8b76954d9742e8aaba1b65a9bd415e/data" /> </a> </p> </div> <div class="customContent"> <p class="groupItems"> <a class="groupItem" href="https://uecoop.maps.arcgis.com/home/group.html?id=9388739ead844e8bb5fab27beddc17d1#overview" target="_blank" title="WaterProduction"> <img alt="WaterProduction" src="https://egis.bpu.com/portal/sharing/rest/content/items/02e57e0bf06c49f0aece78fbc8fe12b6/data" /> </a> <a class="groupItem" href="https://uecoop.maps.arcgis.com/home/group.html?id=a104b13f31d94e37a54271fb9af482a3#overview" target="_blank" title="WaterDistribution"> <img alt="WaterDistribution" src="https://egis.bpu.com/portal/sharing/rest/content/items/6f34fbae36fa43f5b488ff24557c1719/data" /> </a> <a class="groupItem" href="https://uecoop.maps.arcgis.com/home/webmap/viewer.html?webmap=d82def0c401e4edea5644713e1db9a6b" target="_blank" title="UnifiedGovernment"> <img alt="UnifiedGovernment" src="https://egis.bpu.com/portal/sharing/rest/content/items/e3c56241b68e4d97bd39cb0458160a04/data" /> </a> </p> <p class="groupItems"><font color="#ffffff" size="2"><br /></font> </p> <p class="groupItems"><span style="color: rgb(255, 255, 255); font-size: small;"><br /></span> </p> <p class="groupItems"><span style="color: rgb(255, 255, 255); font-size: small;"><b>Questions, comments or concerns?</b> </span> </p> <p class="groupItems"><span style="color: rgb(255, 255, 255); font-size: small;">Email: jthornton@bpu.com or call (913) 573-9086.</span> <br /> </p> </div> Banner:  <div><style> #header, #webmap-header { background-color: #111; } .galleryNode .galleryLabelContainer { color: #fff !important; display: Maps; } .prevButton { display: none; height: 0; } .nextButton { display: none; height: 0; } .galleryBackground { height: 160px; } #matrixLayout { box-shadow: none; } #featuredMaps { background: gray; box-shadow: black; border-bottom: black; height: 210px !important; display: fixed !important; } #featuredMaps #fHeader { background: white; box-shadow: black; border-bottom: white; h2.galleryTitle: ' '; height: 12px; } #featuredMaps #fHeader h2 { font-size: 0px; } .esriItemLinks a, .esriItemLinks a:link, .esriItemLinks a:hover, .esriItemLinks a:active, .esriItemLinks a:visited { color: #111; } #bottomContent { background: none; box-shadow: none; border-bottom: none; } #bottomContent #organizationSection .top-nav { border-bottom: none !important; } .top-nav{ border-bottom: 0 !important; } .top-nav-link { color: #999 !important; } .esri .footer, .esri .center .footer { border-top: none !important; } #topBanner { position: fixed; left: 475; top: 20; align-content: center; background: url(https://egis.bpu.com/portal/sharing/rest/content/items/d007bdd356994200978cada0d623821b/data); background-size: contain; background-repeat: no-repeat; border-radius: 0px 0px 10px 10px; width: 960px; height: 200px; max-width: 90%; max-height: 90%; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -o-border-radius: 0 0 10px 10px; } #resetBack { position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; background-image: url(https://egis.bpu.com/portal/sharing/rest/content/items/c19387ec507d4b68bc0c68d0e1259073/data); background-size: cover; z-index: 0-100; } </style> <div id="topBanner"></div> <div id="resetBack"></div> </div> ... View more

John, My name is Jeffrey Thornton. I really need some help on a complex issue with too many redirects from portal 10.7.1 signing in externally (outside world). We have a old enviroment called Multihoming that uses different IP addresses to route our traffic. Woudl you be willing to help me? Could we do a call possibly?  Best, Jeffrey Todd Thornton Systems Programmer Analyst III Information Technology Kansas City Board of Public Utilities (913) 573-9086  Office (913) 396-3766  Cell Email: jthornton@bpu.com   Facebook | Twitter | LinkedIn | YouTube ... View more

Brad, I need help! We have a F5 device that scans encrypted traffic (443) and converts it to http (80) and the F5 also functions as a load balancer as well. I need to get portal for ArcGIS Enterprise setup.  Thanks, Jeffrey Thornton ... View more