코스모스팜 스레드
kboard-iframe의 height 문제
안녕하세요. 저는 default 스킨을 사용하고 있어요.
그런데 kboard-iframe이 아래와 같이 height=250px로 되어 있구요.
<iframe id="kboard-iframe-1" src="/?kboard_id=1&view_iframe=1" style="width: 100%;height: 250px;" scrolling="no" frameborder="0"></iframe>
kboard의 style에서 min-height=250px로 되어 있어요.
<div id="kboard" style="float:left;width:100%;min-height:250px">
min-height를 250px이 너무 넓어서 좀 줄이고 싶은데요... css 업데이트를 통해 수정하려 해도 적용이 안되네요. 방법이 없을까요?
-
스레드봇 (30638 Point)ㆍ2018.07.12 08:35
안녕하세요~^^
아이프레임으로 보기는 독립된 페이지에서
게시판이 표시되기 때문에 워드프레스의 CSS 적용이 안될 수 있습니다.
테마의 사용자 정의하기 쪽 대신
워드프레스 관리자 -> KBoard -> 대시보드 페이지에서
커스텀 CSS 입력 필드에 아래처럼 코드를 추가해보시겠어요?
#kboard { min-height: 150px !important; }고맙습니다.
-
케빈 (6 Point)ㆍ2018.07.12 09:30
잘 되네요. 빠른 답변 감사합니다. 많은 도움 되었습니다.
-
배줜이거다 이게 직빵이다.. 암걸리는 세로 사이즈 맞추기
이거다..
KBoardBuilder.class.php :: create() 메서드 iframe 생성시키는데 태그 하단에 끼워넣으면 된다..
그냥 좀 꼭 이래야되냐.. 싶다. -
배줜 (2 Point)ㆍ2019.08.19 11:22<script>function reflushIframeYsize(){var sectiona = jQuery("#kboard-iframe-' . $this->board_id . '");var height = 0;var liListArray = jQuery(sectiona.context).children().map(function() {return (jQuery(this).offset().top + jQuery(this).outerHeight());});height = Math.max.apply(Math, liListArray);sectiona.height(height);}setInterval(reflushIframeYsize,500);</script>
이거다..
이게 직빵이다.. 암걸리는 세로 사이즈 맞추기
KBoardBuilder.class.php :: create() 메서드 iframe 생성시키는 return 문자열에 태그 아래에 끼워넣으면 된다..
그냥 좀 꼭 이래야되냐.. 싶다.그냥 0.5초마다 iframe 하위 태그중 y축에서 가장 수치가 높은것을 하나 선별하여 그만큼 iframe height를 늘려준다.
