Updated setup step 4 to support 100% width

git-svn-id: https://oss.gonicus.de/repositories/gosa/trunk@6025 594d385d-05f5-0310-b6e9-bd551577e9d8

diff --git a/html/themes/default/style.css b/html/themes/default/style.css
index 480b97d3c76af3ba7969dd3f7157c599d4cc3d7e..32abdfc7f110634757474201ab1a09805ffe095c 100644 (file)
--- a/html/themes/default/style.css
+++ b/html/themes/default/style.css
@@ -1031,24 +1031,24 @@ li.step4_name, div.step4_name {
     vertical-align: middle;
        float:left;
        overflow: hidden;
-       width:200px;
+       width:25%;
        height:2.0em;
        background-color: #DDDDDD;
 }
 
 li.step4_value, div.step4_value {
        float:left;
-       width:360px;
+       width:50%;
        overflow: hidden;
     vertical-align: middle;
        height:2.0em;
 }
 
 li.step4_status, div.step4_status {
-       text-align:center;
     vertical-align: middle;
        overflow: hidden;
        height:2.0em;
+       width:25%;
        text-decoration: none;
        background-color: #DDDDDD;
 }
@@ -1057,7 +1057,7 @@ li.step4_status, div.step4_status {
 ul.step4_container, div.step4_container {
        background-color: #E7E7E7;
        border: solid 2px #D7D7D7;
-       width:680px;
+       width:100%;
        height:2.0em;
        margin-top:2px;
        overflow: hidden;

diff --git a/setup/setup_step4.tpl b/setup/setup_step4.tpl
index f1757d207cce7c4c89a8102e7ec1cc2aed366f5b..20666dbd50debb47c01ecb6ede5333c854b98ec1 100644 (file)
--- a/setup/setup_step4.tpl
+++ b/setup/setup_step4.tpl
@@ -1,22 +1,23 @@
 <h2>{t}ldap connection{/t}</h2>
 
-<div style='width:600px;'>
+<div style='width:100%;'>
 {t}Please enter the server URI to allow the GOsa setup to connect your LDAP server (Example: ldap://your.server:389).{/t}
 <br>
 {t}Use the 'Test' button to try to connect with the given values. The status will be shown on the bottom of the page.{/t}
 <br>
 
 </div>
-<div style=';float:left;'>
+<div class='default' style='margin:12px; '>
+<div style=';float:left;width:100%;'>
 
        {if $resolve_user}
 
-       <div style='float:left; width:680px;margin-bottom:20px;border: solid 1px #CCC;'>
+       <div style='float:left; width:100%;margin-bottom:20px;border: solid 1px #CCC;'>
                <input type='text' value='{$resolve_filter}' name='resolve_filter'>
                <input type='submit' value='{t}Search{/t}' name='resolve_search'>
                <input type='submit' value='{t}Use selected user{/t}' name='use_selected_user'>
                <input type='submit' value='{t}Cancel{/t}' name='resolve_user'>
-               <select name='admin_to_use' size=6 style="width:680px;background-color:#DDD;">                          
+               <select name='admin_to_use' size=6 style="width:100%;background-color:#DDD;">                           
                        {html_options options=$resolved_users selected=$admin}
                </select>
        </div>          
@@ -42,7 +43,7 @@
                        <input type='text' name='connection' maxlength='80' size='25' value='{$connection}' style='width:100%;'>
                </div>
                <div class='step4_status'>
-                       <input type='submit' value='{t}Test{/t}' style='width:90%;'>
+                       <input type='submit' value='{t}Test{/t}' style='width:100%;'>
                </div>
        </div>
        <div class='step4_container'>
@@ -71,9 +72,9 @@
                </div>
                <div class='step4_status'>
                        {if $resolve_user}
-                               <input type='submit' name='resolve_user' value='{t}Cancel{/t}' style='width:90%;' >
+                               <input type='submit' name='resolve_user' value='{t}Cancel{/t}' style='width:100%;' >
                        {else}
-                               <input type='submit' name='resolve_user' value='{t}Select user{/t}' style='width:90%;' >
+                               <input type='submit' name='resolve_user' value='{t}Select user{/t}' style='width:100%;' >
                        {/if}
                </div>
        </div>
@@ -95,7 +96,7 @@
                <div class='step4_value'>
                </div>
                <div class='step4_status'>
-                       <input type='submit' value='{t}Try connect{/t}' style='width:90%;'>
+                       <input type='submit' value='{t}Try connect{/t}' style='width:100%;'>
                </div>
        </div>
     <div class='step4_container'>
@@ -124,3 +125,4 @@
         </div>
     </div>
 </div>
+</div>