today:
1,625
yesterday:
1,444
Total:
386,287

PHOTO SIZE 줄이기

admin 2025.11.23 02:17 Views : 5

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 5 2025.11.23
31 ATACCESS admin 4 2024.03.02
30 꿈 - 08/26/2018 admin 6 2018.08.26
29 Medwigs admin 4 2018.07.17
28 TABLE PRINT admin 4 2018.06.18
27 FOOTER admin 4 2018.06.16
26 SQL CODE (1) admin 1 2018.06.16
25 GP PRINT admin 4 2018.05.31
24 How to convert DATE to NUMBER admin 1 2018.05.27
23 DATE Compare admin 1 2018.05.22
22 If you want to use EXISTS in a PL/SQL function returning BOOLEAN admin 2 2018.05.19
21 use a validation function for an element in apex 5.0 admin 4 2018.05.19
20 Validation to detect text in numeric field admin 1 2018.05.19
19 All Data DELETE from Table admin 7 2018.05.10
18 Process admin 8 2018.05.05
17 소식 궁금 합니다. 감사또감사 4 2018.05.21
16 HTTP ERROR 500 admin 2 2018.05.14
15 05/10/2018 - SET UP admin 1 2018.05.10
14 05/04/2018 admin 2 2018.05.04
13 05/04/2018 admin 4 2018.05.04