kintone에서 버튼을 지우고 싶을 때 즉시 클래스를 찾는 방법

1765 단어 CSS금과

"레코드 추가 버튼을 지우고 싶다"



kintone을 사용자 정의하고 표준 설정에서 레코드 액세스 권한을 설정할 수는 있지만,
어떠한 상황에서 레코드 일람 화면이나 레코드 상세 화면에 표시하고 있는 「레코드 추가 버튼」을
숨기고 싶을 때가있었습니다.



무리하게 CSS로 보이지 않게 제어하면 좋은 것은 알고 있었지만,
요소를 찾는데 조금 다루어 버렸으므로 해결 방법을 메모로 남겨 둡니다.

사용할 도구



지우려는 요소의 클래스를 확인할 때는 Google 크롬 개발자 도구를 사용합니다.
( F12 를 누르면 바로 나옵니다)
kintone의 커스터마이즈를 할 때 자주 사용하는 기능이지만,
요소를 찾을 때 매우 유용합니다.

버튼을 끄는 절차





위의 Gif를 참고로 해 주시면 좋지만 조금씩 써 가려고 생각합니다.
  • 개발자 도구를 열고 Elements 탭을 표시합니다.
  • 모바일 화면 전환 버튼 왼쪽에 선택 도구가 있으므로 선택 도구를 클릭합니다.
  • kintone의 화면상에서 조작하고 싶은 버튼에 커서를 맞추어 클릭한다.
  • Elements 탭의 HTML 코드 안에 선택된 부분을 기술하고 있는 클래스가 표시된다.
  • 더블 클릭하여 복사합니다.
  • kintone CSS 사용자 정의 파일에 숨기도록 코드를 작성합니다.
  • kintone 앱에 CSS 파일을 적용합니다.

  • CSS에 기술할 때는 다음과 같이 기술하면 사라집니다.

    kintone_example.css
    /*
    .<消したいクラス> {
    display: none;
    }
    */
    
    .gaia-argoui-app-menu-add.gaia-argoui-app-menu {
    display: none;
    }
    

    마찬가지로 모바일 버전에서도 클래스를 찾아 CSS로 작성해 주면 버튼을 지울 수있었습니다.
    다만, 모바일판은 PC판과는 버튼의 위치가 꽤 다르고,
    버튼 클래스를 찾는 것이 어려웠기 때문에이 방법이 더 도움이되지 않는다고 느꼈습니다!
    이번부터는 곧바로 지울 수 있으므로 사람 안심.

    좋은 웹페이지 즐겨찾기