어떻게 Orchard CMS Admin 컨트롤을 인라인으로 넣을 수 있습니까?

Question

Orchard CMS 및 사용자 정의 모듈을 사용하여 클라이언트 용 사이트를 개발하고 있습니다. 관리자 섹션에서 두 개의 라디오 버튼을 추가했지만 올바르게 스타일을 지정할 수는 없습니다.

이 내 코드입니다 :

@Html.RadioButtonFor(m => m.UserImportLinkMode, UserImportLinkMode.New, new {id="newGroup", name="group"}) 
    <label for="newGroup">@T("New")</label> 
    @Html.TextBoxFor(m => m.NewGroupName, new {})<br/> 

    @Html.RadioButtonFor(m => m.UserImportLinkMode, UserImportLinkMode.Existing, new {id="existingGroup", name="group"}) 
    <label for="existingGroup">@T("Existing")</label> 
    @Html.DropDownListFor(m => m.SelectedGroupId, new SelectList(Model.Groups, "Id", "Name")) 

그리고이는 모습입니다 : 분명히

, 같은 좋은 없습니다. 모든 것은 서로 아래에 놓입니다. 이 문제를 해결할 수는 있지만 CSS를 사용하면 특정 컨트롤에 대한 스타일을 만들 수 있습니다. 현재 Admin 테마에 이미 인라인을 넣을 수있는 스타일이 내장되어 있는지 궁금합니다.

Answer 1

라디오와 체크 박스 또는 인라인으로 표시하려는 요소의 레이블에 forcheckbox 클래스를 추가해야합니다.

@Html.RadioButtonFor(m => m.UserImportLinkMode, UserImportLinkMode.New, new {id="newGroup", name="group"}) 
<label for="newGroup" class="forcheckbox">@T("New")</label> 
@Html.TextBoxFor(m => m.NewGroupName, new {})<br/> 

@Html.RadioButtonFor(m => m.UserImportLinkMode, UserImportLinkMode.Existing, new {id="existingGroup", name="group"}) 
<label for="existingGroup" class="forcheckbox">@T("Existing")</label> 
@Html.DropDownListFor(m => m.SelectedGroupId, new SelectList(Model.Groups, "Id", "Name"))