|
POST
|
Perhaps my reply to a similar question can help? https://community.esri.com/message/889353-re-open-data-banner-rotating-images?commentID=889353#comment-889353
... View more
12-16-2019
12:10 PM
|
0
|
0
|
871
|
|
POST
|
Graham Hudgins - here is a live example of the video tag not working. TechDemo What surprises me is that it saves the video tag in the source of the text card, so when I got to edit the card, the video tag is there. But when rendered, we can inspect the page and see no video tag is rendered.
... View more
12-16-2019
09:26 AM
|
0
|
6
|
2061
|
|
POST
|
Graham Hudgins - this code is what we're trying to get going.
I think the <section> tags are also a problem, but those are easy to replace with DIVs.
The Video tag, though seems to be totally ignored as soon as you exit editing the text card.
<style>
body {
background: #CCC;
margin: 0;
padding: 0;
font-family: 'Open Sans', sans-serif; }nav {
background: #333;
color: #FFF;
font-weight: bold;
height: 50px;
padding: 20px;
text-transform: uppercase;
text-align: center; }.masthead {
height: 800px;
position: relative;
margin: 0;
padding: 0; }.fullscreen-bg {
height: 100%;
overflow: hidden;
position: absolute;
width: 100%;
top: 0;
left: 0; }.fullscreen-bg__video {
background-position: center;
object-fit: cover;
object-position: 50% 50%;
height: 100%;
width: 100%; }.overlay {
color: #FFF;
margin: auto;
position: absolute;
padding: 50px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
background-color: rgba(0, 0, 0, 0.5); }
.overlay h1 {
font-size: 48px;
margin: 0;
padding: 0; }
.overlay p {
width: 90%;
margin: auto;
padding: 0 0 30px 0; }
.overlay button {
background: #00a8e7;
color: #FFF;
font-size: 14px;
font-weight: bold;
border: 0;
padding: 15px 40px; }.content {
padding: 10px; }@media (max-width: 767px) {
.fullscreen-bg {
background: url("img/coast.jpg") center center/cover no-repeat; }
.fullscreen-bg__video {
display: none; } }</style>
</head>
<body>
<nav>
<p>navigation</p>
</nav>
<section class="masthead">
<div class="fullscreen-bg">
<video loop muted autoplay poster="http://www.stone-env.net/permian/coast.jpg" class="fullscreen-bg__video">
<source src="http://www.stone-env.net/permian/coast.webm" type="video/webm">
<source src="http://www.stone-env.net/permian/coast.mp4" type="video/mp4">
</video>
</div>
<div class="overlay">
<h1>TITLE</h1>
<p>Cool Science Title</p>
<button>Explore the data</button>
</div>
</section>
<section class="content">
<h2>This is a sub heading</h2>
<p>This is a paragraph.</p>
</section>
... View more
12-13-2019
01:01 PM
|
0
|
0
|
2061
|
|
POST
|
Our client really wants to have a video underlay as part of the hero/banner when you arrive at the site. It appears that the "video" tag is not supported by the Hub text card widget. Am I correct, and what is the chance we can actually get the video tag added to the supported tags so it isn't stripped from our saved site?
... View more
12-12-2019
12:45 PM
|
0
|
11
|
2531
|
|
POST
|
Are you unable to save, or are your saved changes not being shown? I personally am finding right now that my saved changes are not shown when I view the site as a "user" ... but when I go into edit mode, all of my changes are there and saved... so the discrepancy is between the content shown in edit mode and in view mode.
... View more
12-09-2019
09:44 AM
|
0
|
0
|
1350
|
|
POST
|
Patrick Hammons - I haven't checked it for a few days but I'll forward the URL privately... it is a private public site ... technically public, but we're still going for obscurity at the moment.
... View more
12-02-2019
06:28 AM
|
0
|
0
|
818
|
|
POST
|
Ruben Perez - I feel like maybe your question is in the wrong area/forum at GeoNet? I could be wrong. But, you may want to find a more appropriate discussion area if you are looking for more answers. This GeoNet community is for questions most directly about the "ArcGIS Hub" product. You may want to seek help in the training community? I'm not saying to take your question elsewhere - I have no problem with this thread continuing in the Hub community - but it may be less traveled by the gurus of landslide modeling
... View more
12-02-2019
06:23 AM
|
2
|
0
|
992
|
|
POST
|
Yes - this is really the only option for including custom JS based functionality... and currently there is not a way for IFramed content to interact with the rest of the site. It would be kind of neat as an extensibility option for Hub to provide some minimal avenue for a 3rd party site to interact with the Hub... like if there was a documented shared cookie that Hub checked for updates every 30 seconds for something... and was only used as a way to send data to and from an IFramed element. As Graham Hudgins mentioned - you can use custom Style tags. Many traditional Javascript developers would be surprised by the sort of interactive and input driven content you can build with modern CSS. If you have a CSS wiz on staff, getting their ideas for interactive elements in Hub is worth the time.
... View more
12-02-2019
06:21 AM
|
0
|
0
|
6207
|
|
POST
|
Yeah - given that we haven't been doing anything unusual with the site, a site going corrupt is a bit concerning. Also, there is not exactly an official workflow for backing-up sites. I think it can be done with the AGO Assistant tool, but that isn't a formal Esri workflow.
... View more
11-27-2019
07:40 AM
|
0
|
2
|
1764
|
|
POST
|
Hi! You cannot add javascript to any of the elements in a Hub page layout directly. You can create an app using the JSAPI, host it separately, and embed it using an iFrame. If you try to put JS into, say, the code view of a text element, you'll see on save that the JS gets stripped and transformed into something unusable. I believe this by design and related to the general Esri policy of not being responsible for hosting/running custom client JS code in the Esri-owned AGO cloud infrastructure. That is, it is the same reason you can't create a custom widget for a Web App Builder that is actually hosted at AGO. To use a custom a widget, you have to run the site somewhere other than AGO.
... View more
11-26-2019
10:02 AM
|
0
|
5
|
6210
|
|
POST
|
I have no idea how you event control versioning in Hub? I didn't know that was an option in Hub.
... View more
11-25-2019
11:39 AM
|
0
|
0
|
1764
|
|
POST
|
We have a hub site that, despite us hitting save and reloading and trying to come at it from different browsers... in edit mode, is showing different (newer) content than what we see in the view mode. In edit mode we restructured content. We saved it. We loaded the site on a totally different computer and opened it in edit mode. It shows the updated edits on the separate computer. In view mode, it is showing a site from a few days ago. If we are in edit mode, and we hit view, it flips over to showing the old site. The site is public. I tried flipping it to private then public again. Did not make a difference. So... What?
... View more
11-25-2019
11:29 AM
|
0
|
14
|
2952
|
|
POST
|
Ok. I dug up code to create an example. Sort of. -THIS IS NOT ORIGINALLY MY CSS CODE- What we want is a "pure CSS" slideshow/carousel. I implemented this here: TechDemo I took the CSS code from: https://codepen.io/dudleystorey/pen/kFoGw Modified slightly because Hub filtered out the use of the author's original "figure" and "figcaption" tags. I pointed it at some Pexels content which is free. Note, too, that this is built to show five images. The @keyframes definition and a number of other definitions in the code are built around a five image carousel. <style>
@import url(https://fonts.googleapis.com/css?family=Istok+Web);
@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}
div.figure {
margin: 0; background: #101010;
font-family: Istok Web, sans-serif;
font-weight: 100;
}
div#captioned-gallery {
width: 100%; overflow: hidden;
}
div.figure_slider {
position: relative; width: 500%;
font-size: 0; animation: 30s slidy infinite;
margin: 0; background: #101010;
font-family: Istok Web, sans-serif;
font-weight: 100;
}
div.figure_slider_figure {
width: 20%; height: auto;
display: inline-block; position: inherit;
margin: 0; background: #101010;
font-family: Istok Web, sans-serif;
font-weight: 100;
}
img.figure_slider_img { width: 100%; height: 300px; }
div.figure_slider_figure_figcaption {
position: absolute; bottom: 0;
background: rgba(0,0,0,0.4);
color: #fff; width: 100%;
font-size: 2rem; padding: .6rem;
margin: 0; background: #101010;
font-family: Istok Web, sans-serif;
font-weight: 100;
}
</style>
<div id="captioned-gallery">
<div class="figure_slider">
<div class="figure_slider_figure">
<img class="figure_slider_img" src="https://images.pexels.com/photos/2537598/pexels-photo-2537598.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=300&w=940" alt="">
<div class="figure_slider_figure_figcaption">Hobbiton, New Zealand</div>
</div>
<div class="figure_slider_figure">
<img class="figure_slider_img" src="https://images.pexels.com/photos/3097112/pexels-photo-3097112.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=300&w=940" alt="">
<div class="figure_slider_figure_figcaption">Wanaka, New Zealand</div>
</div>
<div class="figure_slider_figure">
<img class="figure_slider_img" src="https://images.pexels.com/photos/2873671/pexels-photo-2873671.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=300&w=940" alt="">
<div class="figure_slider_figure_figcaption">Utah, United States</div>
</div>
<div class="figure_slider_figure">
<img class="figure_slider_img" src="https://images.pexels.com/photos/3121976/pexels-photo-3121976.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=300&w=940" alt="">
<div class="figure_slider_figure_figcaption">Bryce Canyon, Utah, United States</div>
</div>
<div class="figure_slider_figure">
<img class="figure_slider_img" src="https://images.pexels.com/photos/2559175/pexels-photo-2559175.jpeg?auto=compress&cs=tinysrgb&dpr=3&h=300&w=940" alt="">
<div class="figure_slider_figure_figcaption">Bryce Canyon, Utah, United States</div>
</div>
</div>
</div>
... View more
11-05-2019
09:33 AM
|
3
|
1
|
2269
|
|
POST
|
How do I take a CSV file that has Lat, Long, and Altitude, and turn that into a Z-value enabled hosted feature service, without using Arc Pro. We are working with a client to build a workflow that lets them add new data collected by planes to their AGO content... which is a big-enough leap for them. We can't tell them they need to use Pro to do this - they lack the resources to run it. I know I can publish a Z-enabled hosted feature layer from Pro and that works fine. There must be a workflow to get a 3D dataset into AGO without Pro, right? Right?
... View more
10-30-2019
11:43 AM
|
0
|
1
|
1542
|
| Title | Kudos | Posted |
|---|---|---|
| 1 | 10-23-2024 05:47 AM | |
| 1 | 06-07-2023 10:24 AM | |
| 4 | 08-24-2021 07:54 AM | |
| 1 | 01-26-2022 10:10 AM | |
| 1 | 04-27-2020 01:01 PM |
| Online Status |
Offline
|
| Date Last Visited |
10-16-2025
01:42 PM
|