PHOTO SIZE 줄이기

admin 2025.11.23 02:17 Views : 14

APEX 24.2.10에서 Display Image 타입을 그대로 유지하면서
Static ID만 설정하면 CSS로 사이즈 조절이 가장 깔끔하고 정확하게 됩니다.
지금 1분 안에 끝내는 정확한 순서 (스크린샷 없이도 100 % 성공)
  1. Page Designer 열기
  2. Interactive Report (또는 Classic Report) Region 안에서
    → **PHOTO 컬럼 더블클릭 (또는 클릭)
  3. 오른쪽 Properties 창에서 아래로 스크롤
    Advanced 그룹 펼치기
    Static ID 칸에 정확히 입력 → photo_col
    (띄어쓰기 없이 소문자만)
  4. 같은 Report Region 클릭 → 오른쪽 Properties 창
    Advanced → Static ID 칸에 입력 → member_report
    (이것도 띄어쓰기 없이)
  5. 다시 Report Region 클릭 → 오른쪽 Properties 창
    CSS 그룹 펼치기 → Inline CSS 칸에 아래 코드 한 줄만 복사-붙여넣기
css
/* 24.2.10 전용 – Display Image를 60x60 원형 썸네일로 강제 변경 */
#member_report td[headers="photo_col"] img {
    width: 60px !important;
    height: 60px !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    border: 3px solid #ffffff !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15) !important;
    transition: transform 0.2s !important;
}
#member_report td[headers="photo_col"] img:hover {
    transform: scale(1.3) !important;   /* 호버 시 살짝 확대 */
}
  1. SaveCtrl + F5 (강제 새로고침)
No. Subject Author Views Date
» PHOTO SIZE 줄이기 admin 14 2025.11.23
31 ATACCESS admin 19 2024.03.02
30 꿈 - 08/26/2018 admin 22 2018.08.26
29 Medwigs admin 18 2018.07.17
28 TABLE PRINT admin 14 2018.06.18
27 FOOTER admin 18 2018.06.16
26 SQL CODE (1) admin 13 2018.06.16
25 GP PRINT admin 14 2018.05.31
24 How to convert DATE to NUMBER admin 11 2018.05.27
23 DATE Compare admin 12 2018.05.22
22 If you want to use EXISTS in a PL/SQL function returning BOOLEAN admin 13 2018.05.19
21 use a validation function for an element in apex 5.0 admin 16 2018.05.19
20 Validation to detect text in numeric field admin 14 2018.05.19
19 All Data DELETE from Table admin 22 2018.05.10
18 Process admin 19 2018.05.05
17 소식 궁금 합니다. 감사또감사 15 2018.05.21
16 HTTP ERROR 500 admin 15 2018.05.14
15 05/10/2018 - SET UP admin 11 2018.05.10
14 05/04/2018 admin 14 2018.05.04
13 05/04/2018 admin 16 2018.05.04