Ektron Basic Training Guide – Revised 3/2023 Page 74
Responsive Upgraded Site Options
Why were sites upgraded?
The original State of Nevada website design has a professional look, and works well with desktops, but since the
initial design the use of small display smart phones and large display desktop monitor use has dramatically
increased. Since most displays have both greatly increased and decreased it's time to upgrade how we display
our information to the public.
The responsive display is designed to fill the user's different sized displays minimizing wasted space. With the
responsive redesign the additional features also add some graphical features to make a more modern
appearance for your website. The new features focus primarily on just the home page. Your pages other than
the home page can continue to be the Page Program Smart Forms (ADA Page Program V4 and others). You can
choose to rebuild your home page with the new full screen features, but your website will be just fine if you
don't want to rebuild.
If your site is new to Ektron, it is recommended you build all your pages using responsive smart forms.
You can view a Home Page Comparison by clicking here.
You can compare the State: Page Program V4 smart forms by clicking here.
Examples of what a responsive homepage can look like
Multiple elements can be used to create a homepage. This homepage combines the responsive navigation with
an alert box, a slider, a carousel of icons, different colored buttons, three image buttons, and a splash page
along with a Responsive Body smart form.
For more information on responsive smart forms please visit https://agency.nv.gov/responsive/responsive/.
Responsive Smart forms include:
• Responsive Slider: This smart form provides a slide show when used with multiple images. With the full
slide display, you can decide on the height you want, and how the title displays. You can also decide the
order for your slide, you can make it the first item, or somewhere else on your page.
• Responsive Buttons: This smart form provides different sized and colored button options, from simple
square buttons to image buttons rolling over a background photo.
• Responsive Splash Screen: This smart form is setup with a title, secondary statement, links and an image
that scrolls over a beautiful background image. Please note, the image must be dark enough that when
the white text is displayed, the contrast ratio is a minimum of 4.5:1. Below that a responsive body smart
form is displayed with 4 columns.
• Responsive Three Image Banner: This smart form provides three images with text over the image that
meets ADA success criteria.