How to implement FUISidebar?

[#1]

Hi,

Can anyone give some hints on how to completely implement the FUISidebar? I've looked at the reference guide found here, but it is only partial (gives no clues on how to show/hide it and if it needs to be part of a FUIFormTableViewcontroller or something else?

I've tried to initialize it and add it with view.addSubview(sidebar) inside ViewDidLoad() but nothing happened.

Both in Xcode docu and in the link above, this code is mentioned

        let sidebar = FUISideBar(data: items,
                                 children: \.children,
                                 rowContent: { item in
                                   FUISideBarListItem(icon: item.icon, title: item.title, subtitle: item.subtitle, accessoryIcon: item.status)
                                 },
                                 selectedItem: items.first)<br>

but FUISideBarListItem takes not arguments in its init()

Xcode compiler:<br>Argument passed to call that takes no arguments<br>Remove '(icon: item.icon, title: item.title, subtitle: item.subtitle, accessoryIcon: item.status)'

[former_member472081]

Please note that the side bar needs to be added to the root nav view controller.

UIApplication.shared.windows.first?.rootViewController

[former_member472081]

FYI that we created a functional side bar example and please kindly find the implementation in the source code:

https://github.wdf.sap.corp/Tango/com.sap.mobile.platform.client.hcp.sdk.ios.ui/tree/a755b94a09dbd50...

[perage]

Thanks justinguo! The link is unfortunately not available for the public:(

[former_member472081]

We will update the header doc aligned with latest implementation. Stay tuned and I will post when a new version is available.

[former_member472081]

Dear Colleague,

Thanks for the question and happy to help.

You are right, FUISideBarListItem takes no arguments in initialization since they can be update on-demand after initialization. Please kindly refer to the following example:

FUISideBar(footer: isPad ? footer : nil, data: items, children: \.children,

rowContent: { item in

let v = FUISideBarListItem()

v.title.text = item.title

v.subtitle.text = item.subtitle

v.leadingImageView.image = item.icon?.withRenderingMode(.alwaysTemplate)

v.trailingImageView.image = item.status?.withRenderingMode(.alwaysTemplate)

return v},

selectedItem: initialSelection)

[perage]

Thanks justinguo !

Any info on how to add it to the view/Vc and hide/show?

Looking forward to the update 🙂