PHOTO SIZE 줄이기

admin 2025.11.23 03:17 Views : 270

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. Save → Ctrl + F5 (강제 새로고침)
No. Subject Author Views Date
» PHOTO SIZE 줄이기 admin 270 2025.11.23
31 ATACCESS admin 264 2024.03.02
30 꿈 - 08/26/2018 admin 498 2018.08.26
29 Medwigs admin 485 2018.07.17
28 TABLE PRINT admin 486 2018.06.18
27 FOOTER admin 484 2018.06.16
26 SQL CODE (1) admin 482 2018.06.16
25 GP PRINT admin 265 2018.05.31
24 How to convert DATE to NUMBER admin 293 2018.05.27
23 DATE Compare admin 288 2018.05.22
22 If you want to use EXISTS in a PL/SQL function returning BOOLEAN admin 289 2018.05.19
21 use a validation function for an element in apex 5.0 admin 282 2018.05.19
20 Validation to detect text in numeric field admin 255 2018.05.19
19 All Data DELETE from Table admin 280 2018.05.10
18 Process admin 284 2018.05.05
17 소식 궁금 합니다. 감사또감사 504 2018.05.21
16 HTTP ERROR 500 admin 1312 2018.05.14
15 05/10/2018 - SET UP admin 487 2018.05.10
14 05/04/2018 admin 482 2018.05.04
13 05/04/2018 admin 451 2018.05.04