Bubble.io 노코드 툴 -16일차-

09. Adding lists/columns to your project board

이전에 생성한 보드(타이틀+이미지)로 이동한 후, Task를 생성하고 List를 쌓는 기능.

강의에서 가르쳐준 내용대로 하다보니 이미 생성한 보드와 테스크를 삭제할 수 있는 기능이 필요해서 만들어 보았다.

추가적으로 repeating group list 상에서 navigation 을 위해 < > 아이콘과 기능을 추가함.

 

한 가지 어려운 부분은, < > 사이에 현재 페이지 번호를 넣는 것.

이것 저것 짧게 시도해보았는데 아직도 잘 모르겠다. 나중에는 방법을 찾을 수 있겠지!

보드 생성을 위해 제목과 보드 대표 이미지를 추가함.

보드가 생성된 화면

생성된 보드를 클릭하면 위와 같은 리스트 페이지로 들어옴. (처음에 Current Board 정보들이 나오지 않아서 이전 강의들을 다시 확인하고 했는데, 워크플로우 상에서 '보드를 클릭했을 때 Go to Page와 함께 Current Board 값 전체를 다음 페이지로 send하는 걸 잘못 설정했다는 것을 알게 됨. 수정하니 문제가 해결되었다.

기본적인 강의 내용에 휴지통(+기능)과 navigation(+기능)을 추가한 모습

 

*아직 해결하지 못한 부분.

아래와 같이 < {current page number} > 를 구성하고 싶은데,

RepeatingGroup List's page number를 해봐도 제대로 번호가 보이지 않는다. 아직 방법을 모르겠다.

아래 내용들도 하루에 다하려고 했는데,, 10, 11 부분은 내일 이어서 하는 것으로!

10. Creating cards within a project list

 

 

11. Using custom states to edit the content of a task card