2017-02-24 5 views
0

우리는 ASP.NET 웹폼 RadioButtonList을 내부적으로 사용하는 CMS (Kentico)와 협력하여 사용자 정의 양식의 라디오 버튼을 렌더링합니다. CMS를 통해이 컨트롤의 속성 인 RepeatDirectionRepeatLayout을 계속 제어 할 수 있지만 그 밖의 기능은 거의 없습니다.CSS를 사용하여 RadioButtonList에서 렌더링 한 라디오 버튼을 레이블로 그룹화 할 수 있습니까?

요구 사항은 수평으로 너무 RepeatDirection수평RepeatLayout흐름이 달성 무전기를 표시하는 것입니다. 그러나 렌더링 된 마크 업은 단지 <input /><label /> 요소의 교대 목록입니다.

라디오 버튼 목록이 줄 바꿈을 시작할 때 좁은 장치 너비에서 문제가 발생합니다. <input /><label /> 요소는 개별적으로 줄 바꿈하여 컨트롤과 레이블 사이의 시각적 그룹을 잃을 수 있습니다.

마크 업에 직접 영향을 줄 수 없으므로 HTML 그룹을 시뮬레이션하려면 어떤 옵션이 필요합니까? 나는 이것이 가능하다면 피하려고하는 JS 전용 솔루션 일지 모른다는 두려움이있다.

답변

1

사용자 정의 HTML 마크 업이 필요한 경우 일반 OPTION 요소 (또는 필요한 마크 업 종류)가있는 일반 SELECT 요소를 사용해야합니다.

일부 처리기 또는 서버 상호 작용이 필요한 경우 runat = "server"속성을이 요소의 id와 함께 사용할 수 있습니다. ASP는이를 웹 컨트롤로 처리합니다 (System.Web.UI 네임 스페이스 참조). 다른 옵션은 표준 ASP 컨트롤을 숨기고 사용자 지정 태그의 옵션이 변경된 경우 Javascript를 통해 숨겨진 값을 설정하는 것입니다. 또한 fency 맞춤형 라디오 스타일을 지정해야하는 경우 매우 유용한 솔루션입니다.

+0

안녕하세요. 감사. 그러나 의문의 여지가 있듯이, 나는 마크 업 (markup)에 대한 통제권이 없다. 단지 CSS에 불과하다. 그리고 저는 JS 솔루션을 피하기를 희망했습니다. – getsetcode

+0

안녕하세요. 원래 Kentico 웹 파트를 "복제"할 수있었습니다. 이 경우 "파일 복제"도 선택하십시오. 그런 다음 원래 웹 파트를 변경하지 않고 필요에 따라 웹 파트 마크 업을 편집 할 수 있습니다. 마크 업을 편집하고 싶지 않으면 JS로 DOM 조작없이 해결책을 찾는 것이 매우 어려울 것이라고 생각합니다. –