[펌글] jQuery-UI Dialog의 타이틀바(titlebar) 제거하기

By | 12월 15, 2011

- 출처 : http://www.ke-cai.net/2009/05/remove-jquery-ui-dialogs-title-bar.html -

 1. Hide it via it's default CSS:

     .ui-dialog-titlebar { display: none; }; 

     
* 주의 : This will change all dialog's apperance.

2. Or add another CSS class, insetad of change them all.

     .hide-title-bar.ui-dialog-titlebar { display: none; }

     $("#dialog").dialog({ dialogClass: "hide-title-bar" });


3. Remove title bar element from DOM.

     $("#dialog").dialog().parents(".ui-dialog").find(".ui-dialog-titlebar").remove();

Subscribe
Notify of
guest
2 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
하늘아빠
12 years ago

좋은 정보 잘 보았습니다.
타이틀 바가 나쁘지는 않은데, 간혹 없애고 싶기는 하더라구요.. ~.~

호러블캣
12 years ago

저도 얼결에 업어온 글인데 도움이 되셨다니 기쁘네요~^^