Correct CSS class name of MediaLibraryPickerField field

Field CSS class name should use the technical name, rather than the
display name.
This commit is contained in:
yw80
2015-07-17 17:58:18 +08:00
parent e72d226263
commit 30a95ed773
3 changed files with 6 additions and 3 deletions

View File

@@ -5,11 +5,12 @@
@{ @{
var field = (MediaLibraryPickerField) Model.ContentField; var field = (MediaLibraryPickerField) Model.ContentField;
string name = field.DisplayName; string name = field.DisplayName;
string techName = field.Name;
var mediaParts = field.MediaParts; var mediaParts = field.MediaParts;
} }
@if (mediaParts.Any()) { @if (mediaParts.Any()) {
<span class="name">@name:</span> <span class="name">@name:</span>
<p class="media-@name.HtmlClassify()"> <p class="media-@techName.HtmlClassify()">
@foreach (var contentItem in mediaParts) { @foreach (var contentItem in mediaParts) {
@Display(BuildDisplay(contentItem, "Thumbnail")) @Display(BuildDisplay(contentItem, "Thumbnail"))
} }

View File

@@ -5,12 +5,13 @@
@{ @{
var field = (MediaLibraryPickerField) Model.ContentField; var field = (MediaLibraryPickerField) Model.ContentField;
string name = field.DisplayName; string name = field.DisplayName;
string techName = field.Name;
var mediaParts = field.MediaParts; var mediaParts = field.MediaParts;
var returnUrl = ViewContext.RequestContext.HttpContext.Request.ToUrlString(); var returnUrl = ViewContext.RequestContext.HttpContext.Request.ToUrlString();
} }
<span class="name">@name:</span> <span class="name">@name:</span>
<p class="media-library-picker-field media-library-picker-field-@name.HtmlClassify()"> <p class="media-library-picker-field media-library-picker-field-@techName.HtmlClassify()">
@if (mediaParts.Any()) { @if (mediaParts.Any()) {
foreach (var contentItem in mediaParts) { foreach (var contentItem in mediaParts) {

View File

@@ -5,9 +5,10 @@
@{ @{
var field = (MediaLibraryPickerField) Model.ContentField; var field = (MediaLibraryPickerField) Model.ContentField;
string name = field.DisplayName; string name = field.DisplayName;
string techName = field.Name;
var contents = field.MediaParts; var contents = field.MediaParts;
} }
<section class="media-library-picker-field media-library-picker-field-@name.HtmlClassify()"> <section class="media-library-picker-field media-library-picker-field-@techName.HtmlClassify()">
<h3>@name</h3> <h3>@name</h3>
@foreach(var content in contents) { @foreach(var content in contents) {
<div> <div>