Print Page - Hide Accordion Header

Title: Hide Accordion Header
Post by: arma 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.

Title: Re: Hide Accordion Header
Post by: stworthy 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>

Title: Re: Hide Accordion Header
Post by: roberto 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

Title: Re: Hide Accordion Header
Post by: stworthy on October 20, 2018, 07:50:49 PM

Please set 'noheader' property to true for each of the panels.

Title: Re: Hide Accordion Header
Post by: roberto 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)

Title: Re: Hide Accordion Header
Post by: stworthy on October 22, 2018, 08:38:09 AM

Please try to download a newer version.

Title: Re: Hide Accordion Header
Post by: roberto on October 22, 2018, 11:02:27 AM

i really sorry. It's working very nicely. thank you

EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: arma on November 13, 2013, 07:18:55 PM