Page tree

CEF DIGITAL home page

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Content Layer
id1364221840
Content Column
width70.0%
id1364221843
Content Block
margin20px 30px 0px 0px
id1364221847

Services & Information


Content Column
width30.0%
id1146798680
Content Block
margin20px 0px 0px 30px
id1146798681

Follow us


Content Layer
id194060368
Content Column

 

html-wrap
width
100%
34.339622%
classt_align_right

 

 

HTML
<a href="#" id="swp_isse_collector">
	<span style="color: rgb(236,236,236);">Something wrong with this page?</span>
</a>

HTML
<script type="text/javascript" 
		src="/cefdigital/tracker/s/4a9500393f6badb60affbc8ab2d45e75-T/en_USemcjwy/71011/b6b48b2829824b869586ac216d119363/2.0.14/_/download/batch/com.atlassian.jira.collector.plugin.jira-issue-collector-plugin:issuecollector/com.atlassian.jira.collector.plugin.jira-issue-collector-plugin:issuecollector.js?collectorId=904ad635"></script>

<script type="text/javascript">
$( document ).ready(function() {


window.ATL_JQ_PAGE_PROPS = $.extend(window.ATL_JQ_PAGE_PROPS, {
	
'904ad635': {
	// ==== custom trigger function ====
	triggerFunction : function( showCollectorDialog ) {
		$('#swp_isse_collector').on( 'click', function(e) {
if(showCollectorDialog !== undefined){
			e.preventDefault();
			showCollectorDialog();
}
		});
	},
fieldValues: {
        		description: window.location.href
    	}
}
});
});
</script>
HTML
<!-- Newsletter dialog -->
<section role="dialog" id="newsletter-dialog" class="aui-layer aui-dialog2 aui-dialog2-medium" aria-hidden="true">
    <!-- Dialog header -->
    <header class="aui-dialog2-header">
        <!-- The dialog's title -->
        <h2 class="aui-dialog2-header-main">Subscribe to CEF Digital Newsletter</h2>
        <!-- Close icon -->
        <a class="aui-dialog2-header-close">
            <span class="aui-icon aui-icon-small aui-iconfont-close-dialog">Close</span>
        </a>
    </header>
    <!-- Main dialog content -->
    <div class="aui-dialog2-content">
<form class="aui" id="newsletter">
	<!-- Name -->
    <div class="field-group">
        <label for="mce-NAME">Full Name
            <span class="aui-icon icon-required">(required)</span>
		</label>
        <input class="text medium-field" 
			   type="text" 
			   id="mce-NAME" 
			   name="NAME"
			  data-aui-validation-required="required">
    </div>
	<!-- Email -->
    <div class="field-group">
        <label for="mce-EMAIL">Email
            <span class="aui-icon icon-required">(required)</span>
		</label>
        <input class="text medium-field" 
			   type="text" 
			   id="mce-EMAIL" 
			   name="EMAIL" 
			   placeholder="you@example.com" 
			   data-aui-validation-required="required">
		<!-- Newsletter Group -->
		<input type="checkbox" 
			   value="70368744177664" 
			   name="group[6381][70368744177664]" 
			   id="mce-group[6381]-6381-46"
			   checked="checked" 
			   style="display:none">
    </div>
    <div class="field-group">
		<input class="button submit" 
			   type="submit" 
			   value="Submit">
    </div>
</form>
    </div>
    <!-- Dialog footer -->
    <footer class="aui-dialog2-footer">
        <!-- Actions to render on the right of the footer -->
        <div class="aui-dialog2-footer-actions">
            <button id="dialog-close-newsletter" class="aui-button aui-button-link">Close</button>
        </div>
    </footer>
</section>

Content Layer
id194060378
Content Block
margin0px 30px 0px 0px
id194060392

big data test infrastructure

Blockchain

Context Broker

eArchiving

eDelivery

eID

eInvoicing  

eSignature

eTranslation

Once Only Principle

id194060368

Content Column
width7035.0%660374%
id194060378194286055
Content Block
margin20px 0px 30px 0px 0px
id194060392194286057

About CEF building Blocks

All CEF services

Machine Translation

Monitoring dashboard

Grants

Support

CEF Glossary

Legal notice | Cookies

Services & Information

Content Column
width30.0%
id194060382
Content Block
margin
20px
0px 0px 0px 30px
id194060397

Follow us

 

height270px

Image Added   Image Added  Image Added
 

Subscribe to our newsletter

Action Button
textSubscribe
urlhttps://ec.europa.eu/eusurvey/runner/BuildingBlocksBulletin


HTML Wrap
padding30px 0px 0px 0px
width100%
HTML Wrap
width100%
classt_align_right

 

 
HTML
<a href="
#" id="swp_isse_collector"> <span style="color: rgb(236,236,236);">Something
https://ec.europa.eu/digital-building-blocks/tracker/plugins/servlet/desk/portal/2/create/7" target="_blank">
 <span><b><em class="material-icons md-15">announcement</em> Something wrong with this page?</b></span>
</a>
HTML
<script type="text/javascript"
<!-- Europa Analytics --><script defer src="//europa.eu/webtools/load.js" type="text/javascript"></script><script type="application/json">{"utility":"piwik","siteID":"457","sitePath":["ec.europa.eu\/cefdigital"]}</script><!-- End Europa Analytics Code -->
<!-- Newsletter dialog --> <section role="dialog" id="newsletter-dialog" class="aui-layer aui-dialog2 aui-dialog2-medium" aria-hidden="true"> <!-- Dialog header --> <header class="aui-dialog2-header"> <!-- The dialog's title --> <h2 class="aui-dialog2-header-main">Subscribe to CEF Digital Newsletter</h2> <!-- Close icon --> <a class="aui-dialog2-header-close"> <span class="aui-icon aui-icon-small aui-iconfont-close-dialog">Close</span> </a> </header> <!-- Main dialog content --> <div class="aui-dialog2-content"> <form class="aui" id="newsletter"> <!-- Name --> <div class="field-group"> <label for="mce-NAME">Full Name <span class="aui-icon icon-required">(required)</span> </label> <input class="text medium-field" type="text" id="mce-NAME" name="NAME" data-aui-validation-required="required"> </div> <!-- Email --> <div class="field-group"> <label for="mce-EMAIL">Email <span class="aui-icon icon-required">(required)</span> </label> <input class="text medium-field" type="text" id="mce-EMAIL" name="EMAIL" placeholder="you@example.com" data-aui-validation-required="required"> <!-- Newsletter Group --> <input type="checkbox" value="70368744177664" name="group[6381][70368744177664]" id="mce-group[6381]-6381-46" checked="checked" style="display:none"> </div> <div class="field-group"> <input class="button submit" type="submit" value="Submit"> </div> </form> </div> <!-- Dialog footer --> <footer class="aui-dialog2-footer"> <!-- Actions to render on the right of the footer --> <div class="aui-dialog2-footer-actions"> <button id="dialog-close-newsletter" class="aui-button aui-button-link">Close</button> </div> </footer> </section>
Content Layer
id8485581
Content Column
width100%
id8485583
Content Block
id8485584
HTML
<button onclick="topFunction()" id="scrollToTopBtn" title="Go to top"></button>
<script>
// Show or hide Scrolltotop button
function ToggleScrollToTop() {
  if (document.body.scrollTop > 1000 || document.documentElement.scrollTop > 1000) {
    document.getElementById("scrollToTopBtn").style.display = "block";
  } else {
    document.getElementById("scrollToTopBtn").style.display = "none";
  }
}

// Check every defined value millisecond 
setInterval( ToggleScrollToTop, 250 );
// When the user clicks on the button, scroll to the top of the document
function topFunction() {
  document.body.scrollTop = 0; // For Safari
  document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
}
</script>
CSS Stylesheet
#scrollToTopBtn{
  background:url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/82773348/BackToTop.png?api=v2') no-repeat left center;
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: #bbb;
  color: white;
  cursor: pointer;
  width: 50px;
  height: 50px;
  border-radius: 10px;
  font-size: 18px;
}

#scrollToTopBtn:hover{background-color: #555;}
cefdigital/tracker/s/4a9500393f6badb60affbc8ab2d45e75-T/en_USemcjwy/71011/b6b48b2829824b869586ac216d119363/2.0.14/_/download/batch/com.atlassian.jira.collector.plugin.jira-issue-collector-plugin:issuecollector/com.atlassian.jira.collector.plugin.jira-issue-collector-plugin:issuecollector.js?collectorId=904ad635"></script> <script type="text/javascript"> $( document ).ready(function() { window.ATL_JQ_PAGE_PROPS = $.extend(window.ATL_JQ_PAGE_PROPS, { '904ad635': { // ==== custom trigger function ==== triggerFunction : function( showCollectorDialog ) { $('#swp_isse_collector').on( 'click', function(e) { if(showCollectorDialog !== undefined){ e.preventDefault(); showCollectorDialog(); } }); }, fieldValues: { description: window.location.href } } }); }); </script>
HTML