x x x
x
Only portrait mode is currently supported - please rotate your device.

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: adding span tags

...

HTML
<style>
.wiki-content .ev-cards-outer-container {
    background-image: none;
    background-size: cover;
    background-repeat: no-repeat;
	background-color: #f3f1eb;
}
#announcements-wrapper > span.conf-macro {
	height: 100%;
}

#additional-filters-button {
	width: 280px;
}

.zran-event {
	display: none;
}

@media only screen and (max-width: 480px) {
  .events-search-main {
    flex-direction: column;
    align-items: center;
    height: 75px;
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding-bottom: 0px;
    overflow: hidden;
  }
  .wiki-content .ev-search-container {
    padding-bottom: 45px;
  }
  .countryFilterContainer {
	height: 49px !important;
	min-height: 49px;
  }
  .countryFilterContainer #country-placeholder {
	font-size: 14px;
  }
}
</style>

<script>
// New Version of Format Date (Asynchronous)
async function formatDate2(d) {
  const monthNames = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
  var hh = d.getHours(); 
  var m = d.getMinutes();
  var s = d.getSeconds();
  var dd = "am";
  var h = hh;
  if (h >= 12) {
    h = hh-12;
    dd = "pm";
  }
  if (h == 0) {
    h = 12;
  }
  m = m<10?"0"+m:m;
  s = s<10?"0"+s:s;

  var strTime = h+":"+m+" "+dd
  return strTime + " on " + monthNames[d.getMonth()] + " " + d.getDate();
  // return dayNames[d.getDay()] + ", " + monthNames[d.getMonth()] + " " + d.getDate() + " " + d.getFullYear() + ", " + strTime;
}
</script>


HTML
<span class="conf-macro output-inline" data-hasbody="true" data-macro-name="custom-section">


Custom section
ContainerIDannouncementcontainer
Classev-banner-container


Show If
groupconfluence-administrators


HTML
<span class="conf-macro output-inline" data-hasbody="true" data-macro-name="custom-section">


Custom section
CustomCSSheight:0px !important; justify-content:flex-end;
Classadd-announcement-container

Custom button
Typecustom-button
FontColor#000000
TextCreate / Edit Announcements
Url/display/SDEV/Events+Dashboard+Announcements


HTML
</span>



HTML
<span class="conf-macro output-inline" data-hasbody="true" data-macro-name="custom-section">


Custom section
Custom section
CustomCSSflex-direction: column; width: 100%; max-width: 100%;
ContainerIDannouncements-wrapper
Classev-banner


ConfiForms PlainView
pageTitleEvents Dashboard Announcements
formNameeventsdashboardannouncements
sortcreated DESC
<div class="announcementcard fade">
	<div class="imgalign"> 
		<img class="announcement-image" src="/download/attachments/95587037/[entry.image.asAttachment]"></img>
 	</div>
	<div class="text-encompasser">
		<div class="change-slide-buttons-container">
			<div class="change-slide-button" onclick="plusSlides(-1)"><img src="/download/attachments/50533066/chev-left.png?api=v2" /></div>
			<div class="change-slide-button" onclick="plusSlides(1)"><img src="/download/attachments/50533066/chev-right.png?api=v2" /></div>
		</div>
		<div class="text-container ev-banner-title">
			<p class="card-title">[entry.title] </p>
		</div>
		<div class="text-container">
			<font class="card-subtitle">[entry.subtitle] </font>
		</div>
		<div class="text-container">
			<font class="card-description">[entry.description] </font>
		</div>
		<div class="announcement-links-container">
			<a class="buttonHref" href="[entry.cardLink]" rel="nofollow" target="_blank" onclick="handleEventCardClick(this);" data-cardtype="announcement" data-cardurl="[entry.cardLink]" data-entryid="[entry.id]" data-cardtitle="[entry.title]">
				[entry.cardButtonText]
			</a>
		</div>
	</div>
</div>



HTML
</span>

Carousel


ev-search-container
HTML
</span>
Custom section
Class


HTML
<div
<span class="
filtersContainer
conf-macro 
events
output-
search-main
inline" data-hasbody="true" data-macro-name="custom-section">


Custom section
Classev-search-container


HTML
<div class="filtersContainer events-search-main">
    >
    <div id="events-search-container">
		<img src="/download/attachments/50533066/searchicon.png?api=v2" />
		<input id="events-searchbar" type="text" autocomplete="off" placeholder="SEARCH FOR A SPECIFIC EVENT" />
	</div>
    <div class="countryFilterContainer">  
		<input type='text' id='country-placeholder' placeholder='Country' onkeyup='handleCountrySearch(this, event)' />
        <ul id="countryFilter">
        </ul>
		<div id='country-clear-button' style="display:none;"><img src="/download/attachments/50533066/closeicon.png?api=v2" onclick="event.stopPropagation();clearFilter('countryFilter')" /></div>
    </div>
	<div class="dateFilterContainer">
        <div class="dateFilter">
			<p class="dateInputContainer"><input type="text" placeholder="Start Date" id="startdate"></p>      <span>↔</span>      <p class="dateInputContainer"><input type="text" placeholder="End Date" id="enddate"></p>
		</div>
    </div>

	<div class="resetFilterContainer">
    	<a id="resetFilter">Clear All Filters</a>
	</div>
</div>

<div id="additional-filters-button" style="display: none;">
	<img src="/download/attachments/50533066/addfilters.png?api=v2" />
	<span>Additional Filters</span>
</div>



HTML
</span>


HTML
<span class="conf-macro output-inline" data-hasbody="true" data-macro-name="custom-section">


Custom section
CustomCSSflex-direction: column;
ContainerIDevent-search-
Custom section
CustomCSSflex-direction: column;
ContainerIDevent-search-result-cards
Classev-cards-section


HTML
<h2 class="ev-cards-section-title">Search Results</h2>
Custom section
Classevents-container


HTML
<div
<span class="
ev
conf-
cards-outer-container"> <div id="ev-cards-main-view
macro output-inline" data-hasbody="true" data-macro-name="custom-section">


Custom section
Classevents-container



HTML
</span>



HTML
</span>


ev-cards-section sectionscrollable
HTML
<div class="ev-cards-outer-container">
	<div id="
CustomCSSdisplay:none;
ContainerIDmy-events-scrolly
Class
ev-cards-
main-
view">


macro output-inline" data-hasbody="true" data-macro-name="custom-section">
HTML
<h2
<span class="
ev
conf-
cards-section-title">My Events</h2>
Custom section
Classscrolling-ev-cards-wrapper
ConfiForms CleanView
filterownedBy:[entry._user]
pageTitleCreate Event
formNamecreateEvent
sortstartDate asc


Custom section
CustomCSSdisplay:none;
ContainerIDmy-events-scrolly
Custom section
ContainerIDupcoming-events-section
Classev-cards-section ev-cards-section-scrollable


HTML
<h2 class="ev-cards-section-title">Upcoming>My Events</h2>


HTML
<span class="conf-macro output-inline" data-hasbody="true" data-macro-name="custom-section">


Custom section
Class
Custom section
Classscrolling-ev-cards-wrapper


ConfiForms CleanView
filterendDateownedBy:>=[now] AND publish:true[entry._user]
pageTitleCreate Event
formNamecreateEvent
sortstartDate asc





HTML
</span>



HTML
</span>


HTML
<span class="conf-macro output-inline" data-hasbody="true" data-macro-name="custom-section">


Custom section
ContainerIDupcoming-events-section
Classev-
Custom section
ContainerIDmy-watchlist-container
Classev-cards-section ev-cards-section-scrollable


<div
HTML
<h2 class="ev-cards-section-title">My>Upcoming Watchlist<Events</h2>
Custom section
Classscrolling-ev-cards-wrapper
HTML


HTML
<span class="conf-macro output-inline" data-hasbody="true" data-macro-name="custom-section">


Custom section
Classscrolling-ev-cards-wrapper


ConfiForms CleanView
filterendDate:>=[now] AND publish:true
pageTitleCreate Event
formNamecreateEvent
sortstartDate asc





HTML
</span>



HTML
</span>


HTML
<span class="conf-macro output-inline" data-hasbody="true" data-macro-name="custom-section">


Custom section
ContainerIDmy-watchlist-container
Classev-cards-section ev-cards-section-scrollable


HTML
<h2 class="ev-cards-section-title">My Watchlist</h2>


HTML
<span class="conf-macro output-inline" data-hasbody="true" data-macro-name="custom-section">


Custom section
Classscrolling-ev-cards-wrapper


HTML
<div class="conf-macro output-block fullSite" data-hasbody="true" data-macro-name="confiform-cleanview"></div>



HTML
</span>



HTML
</span>


HTML
</div>


HTML
<span class="conf-macro output-
block fullSite
inline" data-hasbody="true" data-macro-name="
confiform
custom-
cleanview
section"
></div>
HTML
</div>
>


Custom section
ContainerIDpast-events-section
Classev-cards-section ev-cards-section-scrollable-section-scrollable


HTML
<h2 class="ev-cards-section-title">Past Events</h2>


HTML
<span class="conf-macro output-inline" data-hasbody="true" data-macro-name="custom-section">
HTML
<h2 class="ev-cards-section-title">Past Events</h2>


Custom section
Classscrolling-ev-cards-wrapper


ConfiForms CleanView
filterendDate:<[now] AND publish:true
pageTitleCreate Event
formNamecreateEvent
sortstartDate desc
true
pageTitleCreate Event
formNamecreateEvent
sortstartDate desc





HTML
</span>



HTML
</span>


HTML
<span class="conf-macro output-inline" data-hasbody="true" data-macro-name="custom-section">


Custom section
CustomCSSflex-direction: column;
ContainerIDall-events
Classev-cards-section


HTML
<h2 class="ev-cards-section-title" style="margin-bottom: 60px;">All Events</h2>


ConfiForms CleanView
filterpublish:true
pageTitleCreate Event
formNamecreateEvent
sortstartDate ASC





HTML
</span>


Show If
groupconfluence-administrators


HTML
<span class="conf-macro output-inline" data-hasbody="true" data-macro-name="custom-section">


Custom section
CustomCSSflex-direction: column;
ContainerIDunpublished-events
Classev-cards-section


HTML
<h2 class="ev-cards-section-title" style="margin-bottom: 60px;">Unpublished Events</h2>


ConfiForms CleanView
filterpublish:false
pageTitleCreate Event
formNamecreateEvent
sortstartDate ASC





HTML
</span>




HTML
	</div>
</div>


HTML
<style>
#unpublished-events .conf-macro.output-block[data-macro-name=confiform-cleanview] {
    padding: 0px 35px;
    display: grid;
    grid-template-columns: repeat(auto-fill, 280px);
    grid-gap: 20px;
    height: auto !important;
    justify-content: space-evenly;
}
</style>

...