Resolved CSS spacing issues related to the SQL Server options in Add Multi-Tenant UI.

--HG--
branch : dev
This commit is contained in:
Michael Dorian Bach
2010-07-29 17:27:43 -07:00
parent ac38c496cf
commit 7baf7c663e
3 changed files with 36 additions and 11 deletions

View File

@@ -1,3 +1,4 @@
.tenantHost { .tenantHost {
font-size: .8em; font-size: .8em;
} }

View File

@@ -28,15 +28,17 @@
<div> <div>
<%: Html.RadioButtonFor(svm => svm.DataProvider, "SqlServer", new { id = "sqlDatabaseOption" })%> <%: Html.RadioButtonFor(svm => svm.DataProvider, "SqlServer", new { id = "sqlDatabaseOption" })%>
<label for="sqlDatabaseOption" class="forcheckbox"><%: T("Use an existing SQL Server (or SQL Express) database") %></label> <label for="sqlDatabaseOption" class="forcheckbox"><%: T("Use an existing SQL Server (or SQL Express) database") %></label>
<span data-controllerid="sqlDatabaseOption"> <div class="options">
<label for="DatabaseConnectionString"><%: T("Connection string") %></label> <span data-controllerid="sqlDatabaseOption">
<%: Html.EditorFor(svm => svm.DatabaseConnectionString)%> <label for="DatabaseConnectionString"><%: T("Connection string") %></label>
<span class="hint"><%: T("Example:") %><br /><%: T("Data Source=sqlServerName;Initial Catalog=dbName;Persist Security Info=True;User ID=userName;Password=password") %></span> <%: Html.EditorFor(svm => svm.DatabaseConnectionString)%>
</span> <span class="hint"><%: T("Example:") %> <%: T("Data Source=sqlServerName;Initial Catalog=dbName;Persist Security Info=True;User ID=userName;Password=password") %></span>
<span data-controllerid="sqlDatabaseOption"> </span>
<label for="DatabaseTablePrefix"><%: T("Database Table Prefix") %></label> <span data-controllerid="sqlDatabaseOption">
<%: Html.EditorFor(svm => svm.DatabaseTablePrefix)%> <label for="DatabaseTablePrefix"><%: T("Database Table Prefix") %></label>
</span> <%: Html.EditorFor(svm => svm.DatabaseTablePrefix)%>
</span>
</div>
</div> </div>
</fieldset> </fieldset>
<fieldset> <fieldset>

View File

@@ -590,6 +590,28 @@ button.remove:focus::-moz-focus-inner, .remove.button:focus::-moz-focus-inner {
margin-left:.3em; margin-left:.3em;
} }
.options
{
margin: 12px 0px 12px 0px;
}
.options span /* This is just a fix. We need to fix the base HTML */
{
display: block;
margin: 12px 0 0 0;
}
.options span.hint /* This is just a fix. We need to fix the base HTML */
{
display: block;
margin: 0 0 0 0;
}
.options input[type="text"] /* This is just a fix. We need to fix the base HTML */
{
width:26em;
}
/* Icon buttons /* Icon buttons
----------------------------------------------------------*/ ----------------------------------------------------------*/