BLOG
|
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
04-03-2020
01:27 PM
|
0
|
0
|
4211
|
BLOG
|
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
04-03-2020
08:49 AM
|
0
|
0
|
4211
|
BLOG
|
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
04-02-2020
03:33 PM
|
0
|
0
|
4211
|
BLOG
|
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
04-02-2020
03:29 PM
|
0
|
0
|
4211
|
BLOG
|
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
04-02-2020
09:24 AM
|
0
|
0
|
4210
|
BLOG
|
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
04-02-2020
09:06 AM
|
0
|
0
|
4211
|
BLOG
|
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
03-31-2020
09:53 AM
|
0
|
0
|
4211
|
POST
|
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
01-08-2020
08:28 AM
|
0
|
0
|
836
|
POST
|
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
11-26-2019
01:16 PM
|
0
|
0
|
2963
|
Online Status |
Offline
|
Date Last Visited |
01-04-2021
12:38 PM
|