HOME
MENU
GROUP & EVENTS
About us
ROOFTOP SOCIAL

Homepage
Home EN
Styleguide
Site setup
Elementen

Buttons

Default buttons

Small buttons

Large buttons

Buttons outlined

Default buttons

Small buttons

Large buttons

Buttons inside btn-container

<a href> tag <a href> tag

Buttons only icon (1:1 squared/round)

Input fields

Form group label

Email type

Password type

Tel type

Number type

Date type

Time type

Readonly field

Disabled field

Input groups

Form group label

€

text (addon and button)

€

no-borders

€

icon (addon and button)

no-borders

password switch

no-borders

form-control-icon

Select & Textarea

Select

Textarea

Help text

Help above input/group

Please use a minimum of 8 characters and include at least 1 number.

Help below input/group

Forgot password?

Radio & checkbox

Checkbox list

Ja, schrijf mij in voor de nieuwsbrief en hou mij op de hoogte van aanbiedingen.

Ja, ik ga akkoord met de Algemene Voorwaarden en Privacy Policy.

Disabled

Checked, disabled

Radiobutton list

Bestel eenmalig, zonder account aanmaken.

Registreer voor een account en krijg korting op je eerste bestelling.

Disabled

Checked, disabled

Inline options

Evenementen

Aanbiedingen

Dhr.

Mevr.

Input buttons

btn-check

checkbox 1checkbox 2checkbox 3

radio 1radio 2radio 3

File inputs

Upload je bestanden

Toegestane bestanden zijn txt, xml, csv, xls, xlsx, doc, docx, json, pdf, zip, jpg, jpeg en png. Bestanden mogen maximaal 5 MB groot zijn. Afbeeldingen dienen minimaal 300 pixels breed of hoog te zijn.

Bestand kiezen...

Bestandstype is ongeldig
Bestandsgrootte is ongeldig
Afbeelding heeft niet de vereiste afmetingen
Afbeelding kan niet worden geladen

Bestand kiezen...

Bestandstype is ongeldig
Bestandsgrootte is ongeldig
Afbeelding heeft niet de vereiste afmetingen
Afbeelding kan niet worden geladen

Bestand kiezen...

Bestandstype is ongeldig
Bestandsgrootte is ongeldig
Afbeelding heeft niet de vereiste afmetingen
Afbeelding kan niet worden geladen

Bestand kiezen...

Bestandstype is ongeldig
Bestandsgrootte is ongeldig
Afbeelding heeft niet de vereiste afmetingen
Afbeelding kan niet worden geladen

Bestand kiezen...

Bestandstype is ongeldig
Bestandsgrootte is ongeldig
Afbeelding heeft niet de vereiste afmetingen
Afbeelding kan niet worden geladen

Row-col form elements

(form-controls will fit to column-width)

Dhr.

Mevr.

€

Dhr.

Mevr.

€

Dhr.

Mevr.

€

Inline form elements

(form-controls have no specific width)

Dhr.

Mevr.

€

Dhr.

Mevr.

€

Dhr.

Mevr.

€

Current Rooftop uses cookies.

Choose "Accept all" for the best website experience and agree to all cookies as described in our Privacy and Cookie Statement. Via "Settings" you can determine which cookies are placed. It is always possible to change or withdraw the choice made.

Cookie settings

Select the desired cookie settings:

Functional cookies

Functional cookies are necessary for the functioning of the website. Functional cookies do not store information that allows identification. It is possible that these cookies contain a random id that is necessary to provide our service.

Advertising cookies

Advertising cookies ensure that ad networks can display ads based on interests and surfing behavior. These cookies also perform functions that prevent the same ad from appearing continuously.

Analytical cookies

Analytical cookies help monitor the quality and efficiency of our website. This information is only used to produce generalized statistics to improve the user experience of the website.

Social Media cookies

Social media cookies ensure that (parts of) the website can be shared via social media. It becomes possible for users logged in to social media to share information or videos directly.