Hiding header and subtitle from FUIMapDetailPanelContentViewController

[former_member583081]

Hey, I'm trying to hide the header and subtitle texts and its container, but I am unable to do so.

Perhaps I'm just missing a property on the container. It is defined this way:

container = FUIDetailPanelContainer(parentViewController: self, mapView: mapView)

Application was created with Version 2.1.501 of the SAP Cloud Platform SDK for iOS Assistant.

[former_member190800]

HI Carsten,

Why are you looking to hide these? They're generally considered required for a business object in this context. Can you share a screenshot of your desired design for this page?

[former_member583081]

Hey, sure thing! Here's my mockup, and thanks in advance:

https://i.imgur.com/DLE4Mzm.png

Right now it looks like this:

https://i.imgur.com/IEF0X2X.png

I could, of course, move the 2 lines to the header and the subheader. The grey styling remains, which I do not like. I found no way to change it 😕

I actually based my design on the screenshot

which I have found on https://help.sap.com/doc/978e4f6c968c4cc5a30f9d324aa4b1d7/2.0/en-US/Documents/Frameworks/SAPFiori/ma...

https://i.imgur.com/6VmUQzv.png

[former_member583081]

I found another reason not to use this specific header.

In my case, the subtitle's string can be relatively long, so I need it to wrap to 2 lines.

[former_member190800]

Hi Karsten,

I would upgrade to the latest SDK version (2.2.x). I see the gray styling is gone in the more recent version.

For the number of lines in the header issue, this is a limitation of the design language, and indicates that the wireframe should be adjusted. This field is not intended to fit a full address. If you look at how Apple Maps uses this field, it's often for a category name, or some single-line text.

Instead, I would put the full address in a subsequent cell. Feel free to use a custom cell, or, use the FUIObjectTableViewCell, inserting newline characters for each line of the address:

let cell = tableView.dequeueReusableCell(withIdentifier: 
    FUIObjectTableViewCell.reuseIdentifier, for: indexPath) as! FUIObjectTableViewCell
cell.subheadlineText = "Kaufland DE1423\nSoestenstrasse 11\nCloppenburg 49661"
cell.subheadlineLabel.numberOfLines = 0
cell.selectionStyle = .none
cell.backgroundColor = .clear

For the directions button, I'd use the FUIMapDetailButtonTableViewCell with the headline & sub headline text values:

let cell = tableView.dequeueReusableCell(withIdentifier: 
    FUIMapDetailButtonTableViewCell.reuseIdentifier, for: indexPath) 
    as! FUIMapDetailButtonTableViewCell
cell.buttonHeadlineText = "Directions"
cell.buttonSubheadlineText = "8 minutes away"
cell.contentView.backgroundColor = .clear
cell.backgroundColor = .clear

kauflandde.png

[former_member583081]

Hey Stan, thanks for the answer.

I am not sure what SDK version I am running. The App was created with the Mac Assistant Version 2.1.501.

I tried to look for a new version on https://www.sap.com/developer/trials-downloads/additional-downloads/sap-cloud-platform-sdk-for-ios-1..., but I think I already have the last one, as I am currently using Xcode 9.4.1.

Sadly, my S-User currently has no access to download it from there, I'll have to ask around the next monday.

Is there no way to override that header somehow, and completely hide it? My main gripe right now is not the address getting cut off, but the header and subheader being fixed there, and the header being in a different color that I dont seem to be able to change.

Actually, could I perhaps change it via a NUI theme? I tried so but failed.

Thanks in advance!

[former_member583081]

Alright, downloaded the SDK and am using the new frameworks now.

It's still grey.

[former_member190800]

I see... will check with the developer why this would occur.