8 Replies Latest reply on Aug 5, 2013 7:32 AM by Klaus Schuster

    modalPanel not scrolling

    Uros Majeric Newbie

      When I display a modalPanel it's to big to show it on one screen.
      How can I do to scroll down with browser scroller without adding a

      It works fine if I change some styles with firebug.
      My changes (I have a modalPanel with id popupId):
      I moved position: absolute; in div with id popupIdContainer to div with id popupIdCDiv

      Original code:

      <div id="tlf_usmerjevalniki_containerContainer" class="rich-modalpanel" position: absolute; style="z-index: 100;">
      <div id="tlf_usmerjevalniki_containerDiv" class="dr-mpnl-mask-div rich-mpnl-mask-div" style="z-index: 1;"/>
      <div id="tlf_usmerjevalniki_containerCursorDiv" class="dr-mpnl-mask-div rich-mpnl-mask-div" style="opacity: 0.01; z-index: -200;"/>
      <div id="tlf_usmerjevalniki_containerCDiv" class="dr-mpnl-panel rich-mpnl_panel" style="width: 1px; height: 1px; z-index: 2; left: 331.5px; top: 50px;">
      <div id="tlf_usmerjevalniki_containerResizerNWU" class="dr-mpnl-resizer rich-mpnl-resizer" style="width: 40px; height: 4px; z-index: 13; cursor: nw-resize; left: 0px; top: 0px;"/>
      <div id="tlf_usmerjevalniki_containerResizerN" class="dr-mpnl-resizer rich-mpnl-resizer" style="width: 604px; height: 4px; z-index: 3; cursor: n-resize; left: 0px; top: 0px;"/>
      <div id="tlf_usmerjevalniki_containerResizerNEU" class="dr-mpnl-resizer rich-mpnl-resizer" style="width: 40px; height: 4px; z-index: 13; cursor: ne-resize; left: 564px; top: 0px;"/>
      <div id="tlf_usmerjevalniki_containerResizerNEL" class="dr-mpnl-resizer rich-mpnl-resizer" style="height: 40px; width: 4px; z-index: 13; cursor: ne-resize; left: 600px; top: 0px;"/>
      <div id="tlf_usmerjevalniki_containerResizerE" class="dr-mpnl-resizer rich-mpnl-resizer" style="height: 604px; width: 4px; z-index: 3; cursor: e-resize; left: 600px; top: 0px;"/>
      <div id="tlf_usmerjevalniki_containerResizerSEU" class="dr-mpnl-resizer rich-mpnl-resizer" style="height: 40px; width: 4px; z-index: 13; cursor: se-resize; left: 600px; top: 564px;"/>
      <div id="tlf_usmerjevalniki_containerResizerSEL" class="dr-mpnl-resizer rich-mpnl-resizer" style="width: 40px; height: 4px; z-index: 13; cursor: se-resize; left: 564px; top: 600px;"/>
      <div id="tlf_usmerjevalniki_containerResizerS" class="dr-mpnl-resizer rich-mpnl-resizer" style="width: 604px; height: 4px; z-index: 3; cursor: s-resize; left: 0px; top: 600px;"/>
      <div id="tlf_usmerjevalniki_containerResizerSWL" class="dr-mpnl-resizer rich-mpnl-resizer" style="width: 40px; height: 4px; z-index: 13; cursor: sw-resize; left: 0px; top: 600px;"/>
      <div id="tlf_usmerjevalniki_containerResizerSWU" class="dr-mpnl-resizer rich-mpnl-resizer" style="height: 40px; width: 4px; z-index: 13; cursor: sw-resize; left: 0px; top: 564px;"/>
      <div id="tlf_usmerjevalniki_containerResizerW" class="dr-mpnl-resizer rich-mpnl-resizer" style="height: 604px; width: 4px; z-index: 3; cursor: w-resize; left: 0px; top: 0px;"/>
      <div id="tlf_usmerjevalniki_containerResizerNWL" class="dr-mpnl-resizer rich-mpnl-resizer" style="height: 40px; width: 4px; z-index: 13; cursor: nw-resize; left: 0px; top: 0px;"/>
      <div id="tlf_usmerjevalniki_containerShadowDiv" class="dr-mpnl-shadow rich-mpnl-shadow" style="opacity: 0.1; width: 600px; height: 600px;"/>
      <div id="tlf_usmerjevalniki_containerContentDiv" class="dr-mpnl-pnl" style="overflow: hidden; position: absolute; z-index: 2; width: 600px; height: 600px;">
      </div>
      </div>
      


      Changed code:
      <div id="tlf_usmerjevalniki_containerContainer" class="rich-modalpanel" style="z-index: 100;">
      <div id="tlf_usmerjevalniki_containerDiv" class="dr-mpnl-mask-div rich-mpnl-mask-div" style="z-index: 1;"/>
      <div id="tlf_usmerjevalniki_containerCursorDiv" class="dr-mpnl-mask-div rich-mpnl-mask-div" style="opacity: 0.01; z-index: -200;"/>
      <div id="tlf_usmerjevalniki_containerCDiv" class="dr-mpnl-panel rich-mpnl_panel" style="position: absolute; width: 1px; height: 1px; z-index: 2; left: 331.5px; top: 50px;">
      <div id="tlf_usmerjevalniki_containerResizerNWU" class="dr-mpnl-resizer rich-mpnl-resizer" style="width: 40px; height: 4px; z-index: 13; cursor: nw-resize; left: 0px; top: 0px;"/>
      <div id="tlf_usmerjevalniki_containerResizerN" class="dr-mpnl-resizer rich-mpnl-resizer" style="width: 604px; height: 4px; z-index: 3; cursor: n-resize; left: 0px; top: 0px;"/>
      <div id="tlf_usmerjevalniki_containerResizerNEU" class="dr-mpnl-resizer rich-mpnl-resizer" style="width: 40px; height: 4px; z-index: 13; cursor: ne-resize; left: 564px; top: 0px;"/>
      <div id="tlf_usmerjevalniki_containerResizerNEL" class="dr-mpnl-resizer rich-mpnl-resizer" style="height: 40px; width: 4px; z-index: 13; cursor: ne-resize; left: 600px; top: 0px;"/>
      <div id="tlf_usmerjevalniki_containerResizerE" class="dr-mpnl-resizer rich-mpnl-resizer" style="height: 604px; width: 4px; z-index: 3; cursor: e-resize; left: 600px; top: 0px;"/>
      <div id="tlf_usmerjevalniki_containerResizerSEU" class="dr-mpnl-resizer rich-mpnl-resizer" style="height: 40px; width: 4px; z-index: 13; cursor: se-resize; left: 600px; top: 564px;"/>
      <div id="tlf_usmerjevalniki_containerResizerSEL" class="dr-mpnl-resizer rich-mpnl-resizer" style="width: 40px; height: 4px; z-index: 13; cursor: se-resize; left: 564px; top: 600px;"/>
      <div id="tlf_usmerjevalniki_containerResizerS" class="dr-mpnl-resizer rich-mpnl-resizer" style="width: 604px; height: 4px; z-index: 3; cursor: s-resize; left: 0px; top: 600px;"/>
      <div id="tlf_usmerjevalniki_containerResizerSWL" class="dr-mpnl-resizer rich-mpnl-resizer" style="width: 40px; height: 4px; z-index: 13; cursor: sw-resize; left: 0px; top: 600px;"/>
      <div id="tlf_usmerjevalniki_containerResizerSWU" class="dr-mpnl-resizer rich-mpnl-resizer" style="height: 40px; width: 4px; z-index: 13; cursor: sw-resize; left: 0px; top: 564px;"/>
      <div id="tlf_usmerjevalniki_containerResizerW" class="dr-mpnl-resizer rich-mpnl-resizer" style="height: 604px; width: 4px; z-index: 3; cursor: w-resize; left: 0px; top: 0px;"/>
      <div id="tlf_usmerjevalniki_containerResizerNWL" class="dr-mpnl-resizer rich-mpnl-resizer" style="height: 40px; width: 4px; z-index: 13; cursor: nw-resize; left: 0px; top: 0px;"/>
      <div id="tlf_usmerjevalniki_containerShadowDiv" class="dr-mpnl-shadow rich-mpnl-shadow" style="opacity: 0.1; width: 600px; height: 600px;"/>
      <div id="tlf_usmerjevalniki_containerContentDiv" class="dr-mpnl-pnl" style="overflow: hidden; position: absolute; z-index: 2; width: 600px; height: 600px;">
      </div>
      </div>
      


      Please help me or tell me how to contact developers to change this.