page no.
보고서 탭 구성 요소
| 구성 요소 | 설명 |
|---|---|
| 왼쪽 화살표 ( < ) | 이전 탭 보기 |
| 오른쪽 화살표 ( > ) | 다음 탭 보기 |
| 보고서 탭 | 현재 열려있는 보고서 목록 |
--
보고서 탭 화면 및 설명
보고서 탭의 [왼쪽 영역]은 이동 버튼이 존재하며, 왼쪽 및 오른쪽 버튼을 누르면 숨겨진 보고서 탭을 표시합니다.
보고서 탭의 [오른쪽 영역]은 보고서 탭이 존재하며, 현재 열려 있는 보고서 목록을 표시합니다. ![연구 개발 매뉴얼 > [i-PORTAL] 보고서 탭 버튼 이동 및 표시 개선 > 보고서 탭 영역1.png](/download/attachments/124518546/%EB%B3%B4%EA%B3%A0%EC%84%9C%20%ED%83%AD%20%EC%98%81%EC%97%AD1.png?version=1&modificationDate=1770760170202&api=v2)
--
이동 버튼의 색상에 대한 의미
| 상태 | 의미 |
|---|---|
| 밝은 색 (활성화) | 해당 방향으로 탭이 존재하며, 이동이 가능한 상태 |
| 흐린 색 (비활성화) | 해당 방향으로 더 이상 탭이 없으며, 이동이 불가능한 상태 |
예시1) 이동 버튼 중 왼쪽 버튼이 흐린 색 (비활성화) 이면, 현재 보고서 탭 목록에서 첫 번째 탭이 보이고 있는 상태입니다.
예시2) 이동 버튼 중 오른쪽 버튼이 흐린 색 (비활성화) 이면, 현재 보고서 탭 목록에서 마지막 탭이 보이고 있는 상태입니다.
예시3) 이동 버튼 중 왼쫀, 오른쪽 버튼이 밝은 색이라면, 현재 보고서 탭 목록에서 양쪽 방향 모두 숨겨진 탭이 있는 상태 입니다.,
---
![연구 개발 매뉴얼 > [i-PORTAL] 보고서 탭 버튼 이동 및 표시 개선 > 왼쪽 이동.gif](/download/attachments/124518546/%EC%99%BC%EC%AA%BD%20%EC%9D%B4%EB%8F%99.gif?version=4&modificationDate=1770760494787&api=v2)
맨 마지막 항목에 도달할 경우, 이동 버튼이 흐린 색으로 표시되고 비활성화 처리 됩니다. ![연구 개발 매뉴얼 > [i-PORTAL] 보고서 탭 버튼 이동 및 표시 개선 > 오른쪽 이동.gif](/download/attachments/124518546/%EC%98%A4%EB%A5%B8%EC%AA%BD%20%EC%9D%B4%EB%8F%99.gif?version=4&modificationDate=1770760487620&api=v2)
--
보고서 탭 동적 사이즈 적용 부분
브라우저 크기에 따라 첫번째 탭에 동적 사이즈를 적용하여 탭 닫기가 가능하도록 변경하였습니다.
| 변경 전 | 변경 후 |
|---|---|
![]() |
|
--
![연구 개발 매뉴얼 > [i-PORTAL] 보고서 탭 버튼 이동 및 표시 개선 > image2026-3-10_17-38-30.png](/download/attachments/124518546/image2026-3-10_17-38-30.png?version=1&modificationDate=1773131908635&api=v2)
|
|
|
|