EasyUI Forum
September 14, 2025, 12:06:22 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: multiple options not work when fit set true accordion.  (Read 10647 times)
Opan Mustopah
Full Member
***
Posts: 164


Indonesia


View Profile Email
« on: November 10, 2014, 11:53:36 PM »

hello again,

why multiple options doesn't work when i set options fit= true on accordion?

i have two panel on accordion, so when accordion loaded, that two panel initially expanded. but when fit options set to true, multiple options overriden by fit options.

there is a way to make it work together?

thanks in advance
opan
Logged

-- Bajak Otak --
*** Sorry for my bad english :3 ***
--JeasyUI version 1.4--
stworthy
Administrator
Hero Member
*****
Posts: 3581


View Profile Email
« Reply #1 on: November 11, 2014, 12:07:09 AM »

Please show an example to describe how you put the panels in the accordion.
Logged
Opan Mustopah
Full Member
***
Posts: 164


Indonesia


View Profile Email
« Reply #2 on: November 11, 2014, 01:02:18 AM »

Code:
 <body>
    <div class='easyui-panel' data-options='border: false, fit: true' style='padding: 2px;'>
      <div class='easyui-panel'>
        <div class='tb' id='tb_list_data'>
          <span>
            <a class="easyui-linkbutton" data-options="plain:true" href="javascript:void(0)" iconCls="icon-add" onclick="new_row($list_data);">Grid</a>
            <a class="easyui-linkbutton" data-options="plain:true" href="javascript:void(0)" iconCls="icon-add" onclick="new_form();">Form</a>
          </span>
        </div>
      </div>
      <div id='accordion' style='overflow:auto;height:auto;'>
        <div class='easyui-accordion' data-options='multiple:true,border:true,fit:true'>
          <div data-options='collapsed:false' id='panel1' title='Admin Modul'>
            <iframe frameborder='0' height='100%' id='admin_ms_modul' name='admin_ms_modul' scrolling='auto' src='/admin_ms_moduls?prm=179' width='100%'></iframe>
          </div>
          <div data-options='collapsed:false' id='panel2' title='Admin Modul Navigasi'>
            <iframe frameborder='0' height='100%' id='admin_ms_modul_navigasi' name='admin_ms_modul_navigasi' scrolling='auto' src='/admin_ms_modul_navigasis?prm=179' width='100%'></iframe>
          </div>
        </div>
      </div>
    </div>
  </body>

i want to make accordion can scrolling when all panel expanded. could it be?
Logged

-- Bajak Otak --
*** Sorry for my bad english :3 ***
--JeasyUI version 1.4--
stworthy
Administrator
Hero Member
*****
Posts: 3581


View Profile Email
« Reply #3 on: November 11, 2014, 01:42:54 AM »

Why do you set 'fit' property to true for the accordion? The 'fit' property set to true means that this component will full fill its parent container. Please make sure what you are doing. You can try to use the 'layout' component in the panel to separate the toolbar and accordion areas.
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!