Oracle APEX의 조건부 스타일 4.2

저는 직장에서 지원하는 조직을위한 APEX 4.2를 사용하여 교육 달력을 작성하고 있습니다. 나는 결코 DBA 나 프로그래밍 전문가가 아닙니다. 나는 시행 착오를 통해 많은 것을 배우고있다.Oracle APEX의 조건부 스타일 4.2

캘린더가 내장되어 있지만 테이블에서 항목이 표시되는 방식을 변경하려고합니다. 예를 들어 Project A와 Project B의 두 가지 프로젝트 유형이 있습니다.이 프로젝트는 캘린더 디스플레이에 다른 테두리 색상을 사용하고 싶습니다. 현재, 나는 CSS 코드 아래 사용하고 있지만이 모든 이벤트에 적용

나는이 프로젝트는 = A 위와 같이 특정 스타일을 적용 할 때 있도록이를 변경할 수 있도록하려면

<style> 
.Day a, .NonDay a, .Today a, .WeekendDay a { 
    font: normal 10px/12px Arial,sans-serif !important; 
    padding: 2px !important; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    background-color: #E5E5E5; 
    border: 1px solid #FF1414; 
} 

.Day a:hover, .NonDay a:hover, .Today a:hover, .WeekendDay a:hover { 
    background-color: #A3A3A3; 
    border: 1px solid #FF1414; 
    text-decoration: none !important; 
} 
</style>

, 프로젝트 = B 위 스타일의 변형이 적용됩니다.

누구에게 내가 어떻게 할 수 있는지에 대한 지침이 있습니까? 나는 제안에 개방적이다.

덕분에 당신은 크리스티나

는

출처

2013-06-08 user2467015

결과 HTML 코드와 서버 코드가있는 경우 표시해 주실 수 있습니까? –

내가 APEX을 알고,하지만 당신이 필요로하는 HTML 요소를 확장하지 않는 프로젝트 별 CSS를 (그것이 무엇이든하는 <li/>, 그 밖에 <td/> 또는 뭔가 될 수 있음) 수업. 당신은 당신의 HTML 코드를 보여주지 않았기 때문에, 나는 달력이 테이블로 구성되었다고 생각한다. 당신이 다른 클래스처럼이와

<table> 
    <tr> 
     <td class="NonDay"><a href="#">27</a></td> 
     <td class="NonDay"><a href="#">28</a></td> 
     <td class="NonDay"><a href="#">29</a></td> 
     <td class="NonDay"><a href="#">30</a></td> 
     <td class="NonDay"><a href="#">31</a></td> 
     <td class="Day WeekendDay"><a href="#">1</a></td> 
     <td class="Day WeekendDay"><a href="#">2</a></td> 
    </tr> 
    <tr> 
     <td class="Day"><a href="#">3</a></td> 
     <td class="Day"><a href="#">4</a></td> 
     <td class="Day ProjectA"><a href="#">5</a></td> <!-- see the class --> 
     <td class="Day ProjectB"><a href="#">6</a></td> <!-- see the class --> 
     <td class="Day"><a href="#">7</a></td> 
     <td class="Day WeekendDay Today"><a href="#">8</a></td> 
     <td class="Day WeekendDay"><a href="#">9</a></td> 
    </tr> 
</table>

, 당신은이 클래스의 스타일을 할 수 있습니다 : 그렇다면,이 같이 할 수

.ProjectA a { 
    border-color: blue; 
} 

.ProjectB a { 
    border-color: red; 
}

내가 대답 할 수없는 질문은 CSS를 추가하는 방법입니다 APEX에서 수업을 진행하지만,이 질문은 oracles 지원 포럼에 더 적합하거나 프로그래밍 관련 질문이 아니기 때문에 https://superuser.com/ 일 수 있습니다.

출처

2013-06-08 20:24:54

질문은 APEX 프로그래밍과 관련이 있습니다! –

...하지만 forums.oracle.com에서 APEX 주제를 묻는 것이 좋습니다. –

두 분 모두에게 감사드립니다. 당신은 나에게 생각할 몇 가지 것을 주셨습니다.가장 큰 도전은 이것이 내 전문 분야가 아니기 때문에 APEX, SQL 및 CSS를 한꺼번에 배우고있는 것처럼 느껴집니다. 약간 압도적입니다. 또한 필자는 오라클 포럼에 게시하여 도움을 거의 얻지 못했습니다. – user2467015

는 개별 일정 항목 스타일을 원하는 경우이 같은 SELECT 문에서 클래스를 적용 할 수 :

<div class="projectA">This is project A</div>

출처

2013-06-09 13:03:51

에서이 같은 항목에 대한 HTML 초래

select ..., 
     '<div class=project"' || project || '>' || description || '</div>' 
      as description 
from ...

SQL 코드는 프로젝트의 유형을 반환하는 열 PROJECT_TYPE을 추가합니다. 캘린더 속성에서 "표시 유형"을 "사용자 정의"로 변경하십시오.

<span class="#PROJECT_TYPE#">#COLUMN_VALUE#</span>

같은 에서 "열 형식"입력 뭔가 그런 PROJECTA 스타일을 정의합니다.

출처

2013-06-10 07:11:38 NoGotnu

다른 프로젝트에 색상을 지정하는 테이블이 있으므로 캘린더 테이블에서 이벤트를 가져올 때 프로젝트 테이블에 가입하고 색상을 가져옵니다.

SELECT e.ID, ''설명 || ' '설명, event_date 이벤트 e, 프로젝트 a e.project_id = a.project_id;

출처

2013-07-09 14:02:03 user2564853

Oracle APEX의 조건부 스타일 4.2

답변

관련 문제