Checkbox in Forms

— Editor — Form Widget

Add checkboxes to your forms.

Fix Position on Mobiles

— Editor — Positioning

We’ve enabled footers for mobile projects. A mobile footer can be turned on by fixing a position of a widget. Then the footer would stay neatly at the bottom of your page, if you change the page height.

You can also use the same footer on all pages of your project.

Widgets ID

— Editor — Custom code

Customize the code of Readymag widgets.

We have put together an example of custom code that turns a textbox into a typewriter-style animated block. To try it, take the following steps:

( 1 ) Get the ID of the widget. To do so, you need to know the ID of the desirable widget. You can find it in the Developer Tools menu in your browser. Example from Chrome is provided below.

( 2 ) Put the widget’s ID into the piece of code below. Replace “paste widget id here” with your widget ID, keeping the quotation marks. You can also change the number of steps and the speed with which letters appear.

[data-id="paste widget id here"] > div {
overflow: hidden;
white-space: nowrap;
border-right: 1px solid; /* Cursor style */
animation: typing 4s steps(15, end), blink-caret 0.5s 8 forwards; /* 15 steps per 4s (15 characters in the line)*/
}
/* Input animation */ @keyframes typing { from { width: 0 } to { width: 100% }
}
/* Cursor animation */
@keyframes blink-caret { from, to { border-color: transparent } 50% { border-color: black } /* black — cursor color */
}

( 3 ) Embed this code into your project using the Embed&Code widget or with the Code Injection tool which you can access from Project Preferences.