왓섭 로그인 ux 관련 질문 2가지가 있습니다..!
1200
投稿した質問数 7
안녕하세요. 선생님
왓섭 회원가입 UX 문의 드립니다.
2가지 질문이 있습니다.
1) 주민등록번호 앞 7자리 입력 후 뒤 1자리 자동 입력 포커스 UX는 어떻게 구현하나요?
○○○○○○○-○●●●●●●
텍스트필드로 구현하고 있는데, 앞 7자리 숫자 입력하고나서
자동으로 뒷자리 1자리에 포커스로 가고 싶습니다.
2) 하단 레이어 팝업은 어떻게 구현할까요..?
버튼 TAP 시 자동으로 하단 슬라이드 팝업 오픈 후 그외 BG영역은 딤처리가 되는 기능입니다.
누구신지는 모르겠지만..(혹시 데이먼님 이신가용?)
https://zg0gge.axshare.com/#id=577tlb&p=register_page&g=12&sc=2&hi=1
whatusp_login > register page
여기에 제가 원하는 구현이 다 되어있거든요.
답변 주시면 감사하겠습니다 ㅠ
回答 2
2
안녕하세요. 데이먼님은 아니지만 제가 도움드릴수 있을거 같아서 남깁니다.
1. 주민번호 앞자리 뒷자리 텍스트 필드가 있다는 조건하에
앞자리 텍스트필드에 text changed라는 인터렉션을 걸고 length 조건문을 달아준 다음
focus - target을 뒷자리에 걸고 아래이미지처럼 해당 텍스트필드를 커서를 select하라고 걸어주면
해결됩니다.
2. 딤부분과 바텀쉬트영역을 hide시켰다가 버튼을 클릭한다던가 위에처럼 텍스트필드에 조건물을 걸어서 show 시킨 것으로 보여집니다. 거기에 애니메이션을 추가한 것 같습니다.
어떤 애니매이션인지는.. 저도 궁금하네요 ㅎㅎ
0
블루라이언님 답변 감사합니다.
구현에 참고하실 수 있는 관련 강의 링크 공유드립니다.
1. 주민번호 Focus는 블루라이언님 글과 아래 이미지를 참고해서 구현하실 수 있습니다.
2. 하단 레이어 팝업은 아래 강의의 (3:20) 부분을 참고하셔서 lightbox 옵션을 적용하고 slide up 애니메이션을 적용하시면 됩니다.
Show/Hide 기능 마스터 (lightbox, flyout, push/pull widget)
왓섭 샘플 파일은 다른 분이 작업하신 샘플입니다. 누구신지는 저도 잘 모르겠네요 ^^;;
변경사항 표기 방법이 궁금합니다.
0
104
1
자동완성목록
0
140
1
date 위젯 날짜 표현형식 변경
0
162
2
수정된 부분만 하이라이트 표시 가능할까요?
0
344
1
Pin to browser 하게 되면 인터렉션이 작동 하지 않는 것 같습니다.
0
122
1
Classic menu-horizontal 경계선 없애는 법
0
164
2
Admin 레이아웃 구성 할 때 LNB가 한 뎁스 더 있으면 어떤 위젯을 써야하나요?
0
221
2
프리뷰 시 화면 여백 만들기 어떻게 하나요?
0
217
1
(RP11) Forms에 있는 위젯들 크기 변경이 되질 않아요
0
145
2
connect 연결 시 에러
0
184
2
노트에 폰트 기본값 설정 방법이 있나요?
0
285
3
질문
0
156
1
커스텀 위젯 추가 방법
0
359
2
프리뷰 화면에서 텍스트 선택 및 복사
0
256
1
강의 자료 pdf 오류
0
336
1
다른 페이지를 팝업으로 띄울 때 위치 지정 방법
0
667
1
앱 내 스크롤 구현
1
310
1
텍스트필드 조건에 따른 버튼 비활성화/활성화
0
517
1
텍스트 찾기 및 바꾸기
0
367
1
해당 이미지 show 한 뒤, 배경 클릭하면 hide 되도록 하고싶어요
0
382
2
다이나믹 패널 action 문의
0
468
1
다이나믹 패널 사용하지 않고 Text Action 주기
0
470
1
axure10 항목 추가할 때 질문입니다!
0
636
2
Share 할때 노트를 펼친상태로 보여줄수 있는 방법이 있을까요?
0
442
2