Page History

...

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 register your interest
generatedUUID	80b7fe2a6d5006d5-1e436c7b-47724e1c-b9a8a2a8-a6525a4cbf7a33cffc0c2944
cssStyle	background: #B21C80 !important;
destination	EBSI register your interest
includeDestinations	false
receipt	false
submitButtonText	Submit request
allowSubmitAsAnonymous	false

INLINE

form-register-group-1

Company or organisationCompany or organisationtrue

Email addressEmail addresstrueemail

form-register-group-2

Piloting a new credential in the education domainProposing a new use case in a specific domain where verifiable credentials are relevantImplementing 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 domain where verifiable credentials are relevantImplementing credentials successfully piloted in the education domainkwstasPiloting a new credential in the education domainOtherinterested in?Piloting a new credential in the social security domaintrue

Please specify which credentialPlease specify which credential(Piloting a new credential in the education domain)true

Please specify which credentialPlease specify which credential(Piloting a new credential in the social security domain)true

Please specify which credentialPlease specify which credential(Implementing credentials successfully piloted in the education domain)true

Please specifyothertrue

Please specify, which domain, use case and verifiable credentialPlease specifytrue

TAOVerifierHolderWallet and/or software providerIssuerfalsefalse5Please specify which roletruefalsefalsefalseVerifierHolderkwstasTAOWallet and/or software providerPlease specify which role(Piloting a new credential in the education domain)Issuerfalse

TAOVerifierVerifierWallet and/or software providerIssuerfalsefalse5Please specify which roletruefalsefalsefalseVerifierHolderTAOWallet and/or software providerPlease specify which role(Piloting a new credential in the social security domain)Issuerfalse

TAOVerifierHolderWallet and/or software providerIssuerfalsefalse5Please specify which roletruefalsefalsefalseVerifierHolderTAOWallet and/or software providerPlease specify which role(Implementing credentials successfully piloted in the education domain)Issuerfalse

ShowPlease specify which credential(Piloting a new credential in the social security domain)interested in?Implementing credentials successfully piloted in the education domaininterested in?falseShowfalsefalsefalsePlease specify which credential(Piloting a new credential in the education domain)falseinterested in?Please specify which role(Piloting a new credential in the social security domain)Piloting a new credential in the education domainPiloting a new credential in the social security domainImplementing credentials successfully piloted in the education domainPlease specify which role(Implementing credentials successfully piloted in the education domain)interested in?ShowShowPlease specifyProposing a new use case in a specific domain where verifiable credentials are relevantPlease specify which role(Piloting a new credential in the education domain)Piloting a new credential in the social security domainShowfalse8interested in?falseShowinterested in?ShowfalseotherPlease specify which credential(Implementing credentials successfully piloted in the education domain)interested in?OtherPiloting a new credential in the education domainfalseinterested in?falseShow

form-register-group-3

INLINE

falsefalseManage my subscription to receive information about the possibility to pilot and/or implement an EBSI use case.Manage my subscription to receive information about the possibility to pilot and/or implement an EBSI use case.ConsentManage my subscription to the EBSI newsflash, in order to receive the latest news about the programme.falseManage my subscription to the EBSI newsflash, in order to receive the latest news about the programme.2Please selectfalse

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 h3 {width: 65%} 
#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 18

New Version 19

Key