# 10. 상단바에 알림 아이콘을 추가하고 싶어요.

1. 관리자 웹 > 앱 설정 > 좌측 탭 > 알림 아이콘을 추가하고자 하는 탭을 선택해 주세요.
2. 등록/수정 화면, 목록 화면, 상세 화면 등 원하는 앱 화면을 선택해 주세요.
3. 선택된 화면의 폴더 클릭 > '+ 화면 구성' 클릭 > 헤더 클릭 > 추가된 헤더 폴더를 클릭해 주세요.
4. 추가한 헤더 폴더 우측의 '+' 버튼 클릭 > iconBell 아이콘을 클릭해 주세요. 

> 아래의 5. 부터는 알림 아이콘 클릭 시, 푸시 내역 목록화면으로 이동하는 기능을 설정하는 방법이에요. 

5. 추가한 iconBell 아이콘을 클릭해 주세요. 
6. 우측에서 '액션' 클릭 > 액션 추가를 클릭 후 아래와 같이 입력해 주세요. 

* 액션 타입 : 목록 화면으로 이동
* 메타 코드 : pushHistory(푸시 내역)
* 이동 후 상단 제목 : 푸시 내역 

7. 변경 사항을 저장해 주세요.

\*참고 : '내 정보' 탭 상단의 알림 아이콘에 동일한 기능이 연결되어 있어요. 

> \#아이콘 추가하기, #상단바 설정, #알림 아이콘, #검색 아이콘, #검색창, #알림창, #헤더, #상단바 아이콘 추가하는 방법

2024.02.16 Jinny

### **I would like to incorporate notification and search icons into the top bar.**

**The instructions below detail how to add icons, not functions.**

1.  Begin by selecting the desired menu (meta) for addition. This can be done by accessing Administrator Web > Development Mode > App Settings > Search icon.
2.  Choose the relevant app page, such as the registration/modification page, inventory page, and detailed page.
3. Click the added header folder by accessing the folder on the selected page > Click the 'Configure Page'  located in the rightmost sidebar > Choose Header.
4. Follow this sequence: Click the 'building blocks' in the right sidebar > Click the 'header icon' in the upper right corner > Drag the iconBell icon to place it in the header folder > Drag the iconSearch icon and put it in the header folder.

> \#adding icons, #top bar customization, #notification icon, #search icon, #search bar, #notification page, #header customization, #how to include bar icons

2023.08.17 Song