2017-05-19 23 views
1

입력 양식에 제목 카테고리를 가져올 수있는 링크가 있습니다. 팝업 창 (모달)은 긴 목록이지만 스크롤하지 않습니다. 스크롤하려고하면 입력 폼이 스크롤되고 팝업 창이 아닙니다. 팝업 창이 입력 양식으로 이동합니다. 나는 팝업 창을 스크롤하여 '주제 카테고리'목록을 통해 선택할 수있게하고 싶습니다. 내 로컬 사용을 위해이 오픈 소스 소프트웨어 코드를 수정하려고합니다.배경 페이지가 스크롤되고 있지만 팝업되지 않습니다. Modal

function(resultingHtml){ 
    //retrieve the dialog box 
    var $Result = $('<div></div>').html(resultingHtml); 
    var mainDialogDivision = $Result.find('div[id^=aspect_submission_ControlledVocabularyTransformer_div_vocabulary_dialog_]'); 
    $('body').append($(mainDialogDivision[0])); 
    var vocabularyDialog = $('div#aspect_submission_ControlledVocabularyTransformer_div_vocabulary_dialog_' + vocabularyIdentifier); 
        vocabularyDialog.dialog({ 
         autoOpen: true, 
         overflow: scroll, 
         height: 450, 
         width: 650, 
         modal: true, 
         title: $Result.find('title').html() 
        }); 

답변

1

CSS를 사용하여이를 수행 할 수 있어야합니다. 기본 모달 요소에 overflow:auto 스타일을 추가하면 모든 주제 카테고리를 스크롤 할 수 있습니다.

사용중인 DSpace 테마에 대해 언급하지 않았으므로 테마 Mirage (기본 DSpace 테마)를 사용하고 있다고 가정하고 다음 CSS를 테마의 style.css 파일에 추가하여 스크롤하는 문제를 해결해야합니다 :

.ui-dialog.ui-widget.ui-widget-content 
{ 
    overflow: auto 
} 
+0

답변 해 주셔서 감사합니다. 그것은 미라지에서 나를 위해 일했다. – Satya