Page History

Important: edit the page to see the form!

Excerpt

Div

id	pop-in

Div

id	pop-content

Div

id	pop-close

Html-bobswift
<a class="btn primary outline" href="#"><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/468026266/ico-close-primary.svg" alt="Close Pop in"><span>Close</span></a>

Html-bobswift
<h3 class="heading-deco terciary">Register your interest</h3>

Forms

captcha	true
hideSubmitButton	false
subject	EBSI Join ecosystem TEST
generatedUUID	4f88458e-f9c4-42fa-b355-5436889b837a
cssStyle	background: #B21C80 !important;
destination	ebsi-join-ecosystem-test-2
includeDestinations	false
receipt	false
submitButtonText	Submit request
allowSubmitAsAnonymous	false

INLINE

form-register-group-1

Company or organisation:Company or organisationtrue

Email addressEmail addresstrueemail

form-register-group-2

Piloting a new credential in the education domainProposing a new use case in a specific domainImplementing credentials successfully piloted in the education domainOtherPiloting a new credential in the social security domainfalsefalse5Our EBSI Early adopter programme is growing, and new tracks are added to the verifiable credential’s family, please let us know what you would be interested in?falsefalsefalsefalseProposing a new use case in a specific domainImplementing credentials successfully piloted in the education domainPiloting a new credential in the education domainOtherInteresred inPiloting a new credential in the social security domaintrue

form-register-group-3

INLINE

falsefalseManage my participation in this targeted consultation;Manage my participation in this targeted consultation;ConsentManage my subscription to receive information about the possibility to pilot and/or implement an EBSI use case.falseManage my subscription to receive information about the possibility to pilot and/or implement an EBSI use case.2Consenttrue

In addition, I would like the European Commission to manage my subscription to the EBSI newsflash, in order to receive the latest news about the programme:

falsefalseYesYesEBSI NewsflashNotrueNo2Do you want to receive the EBSI Newsflash ?false

Thank you for your time for completing our survey. Your input matters to us a lot and will help us develop the next steps for making EBSI a reality.

CSS Stylesheet

source-page-id	82773179

/*---POP IN FUNCTIONNAL CSS---*/
/*
#pop-in { position: fixed; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; background:white; transition: all 300ms;}
#pop-in .formmail .aui-group { max-width: 100%;}
#pop-content {position:relative; margin: 2rem auto 0 auto; padding: 1rem; width: 90%; max-height: 80vh; background:white; border-radius:16px; transform: scale(0.1); opacity: 0; transition: all 300ms; overflow: auto;}

.is-active {display: block !important; z-index: 9999 !important; background-color: #00000050 !important; transition: all 300ms ease 500ms;}
.is-active #pop-content {transform: scale(1); opacity: 1; transition: all 300ms ease 500ms;}

#pop-close { position: absolute; top:1.5rem; right:1rem;} 

@media screen and (min-width: 1281px) {
  #pop-content {padding: 2rem; width: 75%;}
}

@media screen and (min-width: 1536px) {
  #pop-content {width: 50%;}
}
*/

/*---POP IN LOOK & FEEL CSS---*/
#pop-in .aui-group { display: block; table-layout: auto; width: 100%;}
#pop-in .aui-group > .aui-item { display: block; vertical-align: top;}
#pop-in .formmail .aui-item:first-child { width: 100%; text-align: left;}
#pop-in .aui-group > .aui-item + .aui-item { padding-left: 0;} 
/*LINK*/
#pop-in a { color: #CD1D8B;}
/*INPUT*/
form.aui:not(.aui-legacy-forms) .text, form.aui:not(.aui-legacy-forms) .text:hover  { color: #1D0D34; background-color: white; border:1px solid #776E85 !important;}
form.aui:not(.aui-legacy-forms) .text:focus  { color: #1D0D34; background-color: white; border:1px solid #CD1D8B !important;}
/*LABEL*/
#pop-in .formmail label { font-weight: normal; color: #1D0D34;}
/*RADIO*/
form.aui:not(.aui-legacy-forms) .radio input:not(:checked) + .aui-form-glyph::before { width: 10px; height: 10px; left: 0; top: 3px;  background-color: white; border: 1px solid #776E85; border-radius: 10px;}
form.aui:not(.aui-legacy-forms) .radio input:checked + .aui-form-glyph::before { width: 10px; height: 10px; left: -1px; top: 2px; color: #CD1D8B; font-size: 16px; line-height: 1;}
/*CHECKBOX*/
form.aui:not(.aui-legacy-forms) .checkbox input:checked + .aui-form-glyph::before { background-color: #CD1D8B; border: 2px solid #CD1D8B;}
/*BUTTON CLOSE*/
#pop-close a { color: #1D0D34;}
/*SUBMIT*/
#pop-in .aui-group.submit-group { text-align: right;}
#pop-in .aui-group.submit-group .aui-item:first-child { display: none;}
/*VALIDATION*/
.error.invalid { display: block; margin:0.25rem 0 1rem 0 !important; padding: 0 !important; width: 100%;}
/*SUCCESS MESSAGE*/
/*#pop-in .aui-message-success { background-color: #FFE7F2;}*/
/*#pop-in .aui-message::after, #pop-in .aui-message p.title { display: none;}*/
#pop-in .aui-message.closeable .aui-close-button { display: none;}
#pop-in .aui-message::after { top:18px;}

/*---POP IN SPECIFIC CSS---*/
.form-register-group-1 { margin-bottom: 2rem;}

.form-register-group-2 { margin-bottom: 2rem;}
/*HACK remove empty p*/
.form-register-group-2 > p:first-child, .form-register-group-2 > p:last-child { display: none;}
.form-register-group-2 .group-label { margin-bottom:1rem;}
.form-register-group-2 .aui-item:last-child  { margin-left:1rem;}
.form-register-group-2 .aui-item:last-child label { margin-bottom: 2rem; top:-3px;}

.form-register-group-3 .aui-group  { margin-left:1rem;}
.form-register-group-3 .aui-item:last-child label { margin-bottom: 2rem; top:-4px;}

HTML

<!--
<script type="text/javascript">

$(document).ready(function() {

    $(".openPopIn").click(
    function() {
        $("#pop-in").toggleClass("is-active");
    });

    $("#pop-close").click(
    function() {
        $("#pop-in").toggleClass("is-active");
    });

    $(".button.submit").click(
    function() {
        $("#pop-in").toggleClass("is-active");
    });

});
</script>
-->

Page tree

Versions Compared

Old Version 1

New Version 2

Key