How to make Scrollable accordion menu?

[Hassan]

Hi,

 

I am creating an accordion style menu using panel. 

I can have multiple panels with title bar.

Inside each I can have multiple buttons. Therefore, it needs to be scroll-able.

I used UniSimplePanel with AutoScroll set to true.

 

The issue is that UniSimplePanel shows an empty title bar.

I dont need this extra title bar (See attached image and Project).

 

My question is, is there a way to remove title bar from UniSimplePanel? 

Alternatively, is there a way to make UniPanel scroll-able?

 

Unigui:1.10.0.1469

 

Thanks.

ScrollableAccordionLayout.zip

[Sherzod]

Hi,

 

The issue is that UniSimplePanel shows an empty title bar.

I dont need this extra title bar (See attached image and Project).

 

My question is, is there a way to remove title bar from UniSimplePanel?

 

Need to analyze, but in this case you can try to use this approach:

procedure TMainForm.UniFormReady(Sender: TObject);
begin
  UniSimplePanel1.JSInterface.JSCall('header.hide', []);
  UniSimplePanel2.JSInterface.JSCall('header.hide', []);
end;

Alternatively, is there a way to make UniPanel scroll-able?

 

For example, for UniPanel4

 

1.

 

2. UniPanel4

 

  Layout -> column

function beforeInit(sender, config)
{
    config.scrollable=true;
}

Try...

 

[Hassan]

 

2. UniPanel4

 

  Layout -> column

function beforeInit(sender, config)
{
    config.scrollable=true;
}

Try...

 

 

This worked OK for me. Thank you!

[allenchow]

it won’t start normally... always loading....

[Sherzod]

50 minutes ago, allenchow said:

it won’t start normally... always loading....

Hi,

Can you explain, what problem do you have?

[allenchow]

I tried :

Change an UniPanel Layout -> column

Then : do the following

 

function beforeInit(sender, config)
{
    config.scrollable=true;
}

When I start running the program, it only show loading...with any content....

[Sherzod]

2 hours ago, allenchow said:

When I start running the program, it only show loading...with any content....

Can you please make a simple testcase if possible?

[allenchow]

See attachment

temp.zip

[Sherzod]

Hi,

It is not correct:

function beforeInit(sender, config)
{
  config.scrollable := true;
}

Must be:

function beforeInit(sender, config)
{
  config.scrollable = true;
}

 

[allenchow]

oh ！ thx