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 in banner image

...

ConfiForms (FormView) Registrations Control
formNamecreateEvent
presetValuesnotify=true
embeddedtrue


saveFormContainerINLINE




flex-direction: column;questionContainerINLINE


entryNameINLINE



entryNameInputINLINE


name



entryStartTimeINLINE


startDate


entryEndTimeINLINE


endDate




entrySummaryINLINE


entryProgramentryInputINLINE


program


entryAgendaentryInputINLINE


agenda




entrySponsorsentryInputINLINE


sponsors


flex-direction:column;entrySponsorImagesINLINE



sponsorImage1INLINE














entryImageOrganizerentryInputINLINE




flex-direction: column; display: none;imageOrganizer

display:none;currentOrganizerINLINE

trueflex-direction: column; display: none;currentImageOrganizertrue



entrybannerImageentryInputINLINE




flex-direction: column; display: none;bannerImage

display: none !important; currentBannerImageINLINE

trueflex-direction: column; currentBannerImagetrue



entryOptionsINLINE



entryCollaboratorsentryInputINLINE


font-size: var(--font-size-s); width: 100%;country

city

watchLiveEvent

streamLink

meetingId

meetingPass

topicId

rmtpUrl

rmtpKey

jiraQueryCity




entryCollabSponsorINLINE


entryCollaboratorsentryInputINLINE


cohosts



display-noneINLINE

rsvptrue



entryCollabSponsorINLINE


flex-direction:row;entryInputINLINE


notify


flex-direction:row;entryInputINLINE


offline



display: none;INLINE

flex-direction: column; display: none;sponsorimage1

display:none;currentSponsor1INLINE


trueflex-direction: column; display: none; currentSponsorimage1

flex-direction: column; display: none;sponsorimage2

display:none;currentSponsor2INLINE

trueflex-direction: column; display: none;currentSponsorimage2true

flex-direction: column; display: none;sponsorimage3

display:none;currentSponsor3INLINE

trueflex-direction: column; display: none;currentSponsorimage3true



display-noneINLINE

pageName

formIdtrue

RSVPCount

countryCode

font-size: var(--font-size-s); width: 100%;round

sequence

currentName

startDateTimestamp

endDateTimestamp



...

HTML
<script>
var entry_id = getQueryVariableFromUrl('entry_id');
var startDate;
var startDateLocalTime = '';
var startDateFixed = '';
var endDate;
var endDateLocalTime = '';
var endDateFixed = '';

const getTimeStamps = async (entry_id) => {
  let eventData = await jQuery.ajax({
    url: `/ajax/confiforms/rest/filter.action?pageId=${AJS.params.pageId}&f=createEvent&q=id:${entry_id}`, 
    type: "get", 
    dataType: 'json', 
    async: true
  }).then(res => res);
  return eventData;
}

const formatDates = async (startDateLocalTime, endDateLocalTime) => {
  for (var month in calendar) {
    if (startDateLocalTime.includes(month)) {
      console.log("about to do start Date Fixed")
      startDateFixed = `${startDateLocalTime.replace(month, calendar[month])} ${new Date().toString().match(/([-\+][0-9]+)\s/)[1]}`;
      console.log("did start Date Fixed")
    }

    if (endDateLocalTime.includes(month)) {
      console.log("about to do end Date Fixed")
      endDateFixed = `${endDateLocalTime.replace(month, calendar[month])} ${new Date().toString().match(/([-\+][0-9]+)\s/)[1]}`;
      console.log("did end Date Fixed")
    }
  }
}

async function formatDateLong2(d) {
  const monthNames = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
  const dayNames = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];

  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 dayNames[d.getDay()] + ", " + monthNames[d.getMonth()] + " " + d.getDate() + " " + d.getFullYear() + ", " + strTime;
}

$("#i_startDateTimestamp").waitUntilExists(() => {
  getTimeStamps(entry_id).then((data) => {
    startDate = new Date(data.list.entry[0].fields.startDate);
    endDate = new Date(data.list.entry[0].fields.endDate);

    formatDateLong2(startDate).then((startDateFormatted) => {
      startDateLocalTime = startDateFormatted;
      formatDateLong2(endDate).then((endDateFormatted) => {
        endDateLocalTime = endDateFormatted;
        formatDates(startDateLocalTime, endDateLocalTime).then(() => {
          $("#i_startDate").val(startDateFixed);
          $("#i_endDate").val(endDateFixed);
        })
      })
    })
  })
})
</script>


HTML
<script>
$(window).on('load', function(){
	$("#uploadButton4").click(() => {
		$("#i_imageOrganizer").click();
	})
	$("#i_currentImageOrganizer").waitUntilExists(() => {
		setTimeout(function(){ 
        var currentimgorg = $('#i_currentImageOrganizer').val();
        if(currentimgorg !== ""){
			$( "#currentimgorg-insert" ).remove()
            var d4 = document.getElementById('uploadButton4');
            d4.insertAdjacentHTML('afterend', `<div class="file-upload-name" id="currentimgorg-insert">${currentimgorg}</div>`);
        }
		}, 1200);

    });
	
	$("#i_imageOrganizer").change(function(){
    	$( "#currentimgorg-insert" ).remove()
    	var logo4 = document.getElementsByClassName("up-file")[0].value.split("\\").pop();
     
		var d4 = document.getElementById('uploadButton4');
		d4.insertAdjacentHTML('afterend', `<div class="file-upload-name" id="currentimgorg-insert">${logo4}</div>`);
	});
});
</script>


HTML
<script>
  // set page name as event name only on event creation
  if (getQueryVariableFromUrl('entry_id') === 'notfound') {
    $("#i_name").change(function () {
      $("#i_pageName").val($("#i_name").val());
    });

    // extra precaution - set page name as event name
    $(document).mousemove(function (event) {
      $("#i_pageName").val($("#i_name").val());
    });
  }
</script>

...