ASP.NET AJAX의 Telerik Radcontrols에서 CSS 스타일을 재사용하는 방법

StackOverflow https://stackoverflow.com/questions/1414651

  •  06-07-2019
  •  | 
  •  

문제

Telerik Radcontrols는 스키닝을 지원하고 CSS를 사용하여 모든 컨트롤을 스타일링합니다. 그러나 이러한 컨트롤을 기존 웹 사이트에 연결할 때 기존 사이트의 스타일을 RadControls 자체 스타일과 병합하는 가장 좋은 방법은 무엇입니까?

업데이트: 다음 옵션이 주어지면 (Zhaph에게 감사) :

  1. RadControl의 CSS를 내 사이트에 추가하십시오
  2. Radcontrols를 내 사이트처럼 보이게 만듭니다
  3. 내 사이트 추가 CSS 선택 RADControl 스타일 목록에 추가

최선의 선택은 무엇입니까?

옵션 2는 앞으로 두 가지 스타일 세트를 유지해야합니다. 따라서 바람직하게는 옵션 1. 사이트 전체에서 Radcontrols 스타일 시스템을 재사용 할 수 있습니다. 예를 들어 버튼과 간단한 컨트롤이 동일하게 보입니다.

업데이트 2 (내 대답에서 이동) :나는 결국 조합을했다. 사용 FormDecorator 내 버튼과 입력에서 Radcontrols 스타일을 재사용 할 수 있습니다. 또한 Telerik이 제공 한 스킨을 ASP.NET 테마에 복사하면 스킨 사용자 정의가 가능합니다.

도움이 되었습니까?

해결책

인정해야합니다. 한동안 Radcontrols를 사용하지 않았습니다. 우리는 몇 개의 CMS 사이트에서 CMS Radeditor를 사용하여 스타일 시트를 자동으로 선택하고 목록에 클래스를 추가 할 수 있습니다. 수동으로.

문서를 살펴보면 일부 비트가 도움이 될 수 있습니다.

  1. Radeditor CSS 클래스 및 사용 - 보통 내가 생각한 컨트롤에 의해 자동으로 추가되지만?
  2. 1의 링크는 또한이 작업을 수행하는 방법을 알려줍니다.
  3. 몇 가지 옵션
    • 외부 CSS 파일, "ASP.NET의 기본적으로 RadeDitor는 현재 페이지에서 사용 가능한 CSS 클래스를 사용하고"다른 스타일 시트를로드하는 방법을 보여줍니다.
    • ToolsFile.xml 사용 - 아래로 스크롤하십시오u003Cclass> 요소.

다른 팁

나는 단지 추가하고 싶었다; FormDecorator는 특정 유형의 컨트롤에만 CSS를 적용합니다. 스타일이없는 컨트롤이있는 경우 다음과 같은 Telerik 리소스에 액세스 할 수 있습니다.

.CS 파일 - 다음과 같은 공공 자산이 있습니다.

public string HeaderDivBackgroundURL
{
   get
{
{
     string backgroundURL = string.Empty;
     string skin = ((MainMaster)Page.Master).AppSkin;
     backgroundURL = Page.ClientScript.GetWebResourceUrl(typeof(RadSplitter), "Telerik.Web.UI.Skins." + skin + ".Splitter.slideTitleContainerBgr.gif");
     return backgroundURL;
   }
}

}

ASPX 페이지 (RadcodeBlock)에는 해당 속성에서 읽을 내부 스타일 시트가 있습니다.

<tel:RadCodeBlock runat="server">
    <style type="text/css">
        .telerikBackgroundMock
        {
            background: url('<%= HeaderDivBackgroundURL %>') repeat-x;
        }
    </style>
</tel:RadCodeBlock>

나는 이것이 텔레릭 스킨을 비 텔레릭 컨트롤에 적용하는 데 매우 유용하다는 것을 알았습니다.

이 스레드에 대한 업데이트로, 이제 내장 스킨의 시각적 구성/사용자 정의를 가능하게하는 Telerik Ajax 및 MVC 도구를위한 온라인 "스타일 빌더"가 있습니다.

http://stylebuilder.telerik.com/

이 도구는 각 컨트롤에 대한 CSS 클래스 정의를 이해할 필요가 없으며 내장 테마 중 하나를 쉽게 사용자 정의하여 사이트를 더 잘 맞출 수 있습니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top