EasyUI Forum
May 21, 2024, 02:28:05 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Hide Accordion Header  (Read 9620 times)
arma
Full Member
***
Posts: 110


View Profile
« on: November 13, 2013, 07:18:55 PM »

Hi,

I would like to hide accordion header and navigate between accordion item using select method programatically.
I would like to create card or semi wizard like style navigation that user can not go back or go forward untill current card validated.

Setting accordion item title property to empty will hide all accordion item but can not run method select. mycard.accordion('select',1).

What is the best way to achive such a scenario?

Thanks.
« Last Edit: November 13, 2013, 07:21:39 PM by arma » Logged
stworthy
Administrator
Hero Member
*****
Posts: 3581


View Profile Email
« Reply #1 on: November 14, 2013, 12:00:30 AM »

Try overriding the header css to hide the accordion header.
Code:
	<style>
.accordion .accordion-header{
height:0px;
overflow:hidden;
padding:0;
border:0;
}
</style>
Logged
roberto
Jr. Member
**
Posts: 88


View Profile Email
« Reply #2 on: October 19, 2018, 07:06:43 PM »

Hi,
I know it is an old topic, but is there a way to hide the accordion header like tabs does? (showHeader)?
I don't want to hide from all, but just from  some.
TIA
Logged
stworthy
Administrator
Hero Member
*****
Posts: 3581


View Profile Email
« Reply #3 on: October 20, 2018, 07:50:49 PM »

Please set 'noheader' property to true for each of the panels.
Logged
roberto
Jr. Member
**
Posts: 88


View Profile Email
« Reply #4 on: October 20, 2018, 09:29:48 PM »

thank you. Works if halign is top or bottom but i get an error if it is left or right:

Code:
jquery.easyui.min.js:2946 Uncaught TypeError: Cannot read property 'left' of undefined
    at _212 (jquery.easyui.min.js:2946)
    at HTMLDivElement.<anonymous> (jquery.easyui.min.js:3484)
    at Function.each (jquery.min.js:2)
    at m.fn.init.each (jquery.min.js:2)
    at Object.resize (jquery.easyui.min.js:3483)
    at m.fn.init.$.fn.panel (jquery.easyui.min.js:3412)
    at _2dd (jquery.easyui.min.js:4220)
    at _2d4 (jquery.easyui.min.js:4207)
    at add (jquery.easyui.min.js:4423)
    at HTMLDivElement.<anonymous> (jquery.easyui.min.js:4498)
Logged
stworthy
Administrator
Hero Member
*****
Posts: 3581


View Profile Email
« Reply #5 on: October 22, 2018, 08:38:09 AM »

Please try to download a newer version.
Logged
roberto
Jr. Member
**
Posts: 88


View Profile Email
« Reply #6 on: October 22, 2018, 11:02:27 AM »

i really sorry. It's working very nicely. thank you
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!