Project

General

Profile

Feature #678

Wizard setup screen

Added by Luke Murphey almost 11 years ago. Updated almost 11 years ago.

Status:
New
Priority:
Normal
Assignee:
Luke Murphey
Target version:
-
Start date:
11/26/2013
Due date:
% Done:

0%

Description

The setup screen is large and could be improved with a wizard-based UI.

Screen Shot 2013-11-26 at 2.25.56 AM.png View (84.1 KB) Luke Murphey, 11/26/2013 08:26 AM

Screen Shot 2013-11-26 at 2.26.07 AM.png View (50.8 KB) Luke Murphey, 11/26/2013 08:26 AM

History

#1 Updated by Luke Murphey almost 11 years ago

Here is a prototype of sorts:

<div>
  <div style="margin-bottom: 24px; border: 1px solid #BBB;width: 200px;border-radius: 5px;padding: 6px;margin-top:12px;background-color: #73A550;margin-right: 16px;float: left;color: #FFF;box-shadow: 4px 4px 4px #BBB;">
    <div style="font-size: 12pt; font-weight:bold">Step 1</div>
    Configure primary RADIUS server
  </div>
  <div style="margin-bottom: 24px; border: 1px solid #BBB;width: 200px;border-radius: 5px;padding: 6px;margin-top:12px;background-color: #FFF;float: left;margin-right: 16px;color: #999;">
    <div style="font-size: 12pt; font-weight:bold">Step 2</div>
    Configure backup RADIUS server
  </div>
  <div style="margin-bottom: 24px; border: 1px solid #BBB;width: 200px;border-radius: 5px;padding: 6px;margin-top:12px;background-color: #FFF;float: left;color: #AAA;">
    <div style="font-size: 12pt; font-weight:bold">Step 3</div>
    Test configuration
  </div>
<div style="clear:both">
<div id="item-/admin/radius_auth/default/server" class="widget ">
            <label for="/admin/radius_auth/default/server_id" class="">Enter the RADIUS server name; include the port if it is non-standard (e.g. "radius.acme.net:11812")
            </label>
        <div>
            <div class="widgeterror"></div>
            <input type="text" class="                     " name="/admin/radius_auth/default/server" id="/admin/radius_auth/default/server_id" value="10.0.0.6" placeholder="e.g. radius.acme.net:11812">

        </div>
    </div></div></div>

Also available in: Atom PDF