Customize the button at APIM

Question

Customize the button at APIM

NICOLE LEUNG (BA-ISD-OOCLL/HKG) 151

May I ask how could I remove the stroke of the button ? Thank you.

singhh-msft 2,431 Reputation points

2021-07-05T08:52:42.123+00:00

@NICOLE LEUNG (BA-ISD-OOCLL/HKG) , thank you for reaching out to us. May I know in Azure APIM, where do you see this button? Or is it an Android App's button?
NICOLE LEUNG (BA-ISD-OOCLL/HKG) 151 Reputation points

2021-07-05T09:04:55.77+00:00

Hi @HarshitaSingh-MSFT ,

This is the button on the API developer portal in designer mode. I cant find any setting to control the stroke. Thank you.
singhh-msft 2,431 Reputation points

2021-07-06T04:24:48.923+00:00

@NICOLE LEUNG (BA-ISD-OOCLL/HKG) , just checking in to see if you got a chance to check my response below.
,
singhh-msft 2,431 Reputation points

2021-07-07T04:53:23.25+00:00

@NICOLE LEUNG (BA-ISD-OOCLL/HKG) , just checking in to see if you got a chance to check my response below.

1 answer

Your answer

singhh-msft 2,431 Reputation points

2021-07-05T08:52:42.123+00:00

@NICOLE LEUNG (BA-ISD-OOCLL/HKG) , thank you for reaching out to us. May I know in Azure APIM, where do you see this button? Or is it an Android App's button?
NICOLE LEUNG (BA-ISD-OOCLL/HKG) 151 Reputation points

2021-07-05T09:04:55.77+00:00

Hi @HarshitaSingh-MSFT ,

This is the button on the API developer portal in designer mode. I cant find any setting to control the stroke. Thank you.
singhh-msft 2,431 Reputation points

2021-07-06T04:24:48.923+00:00

@NICOLE LEUNG (BA-ISD-OOCLL/HKG) , just checking in to see if you got a chance to check my response below.
,
singhh-msft 2,431 Reputation points

2021-07-07T04:53:23.25+00:00

@NICOLE LEUNG (BA-ISD-OOCLL/HKG) , just checking in to see if you got a chance to check my response below.

Answer 1

singhh-msft 2,431

@NICOLE LEUNG (BA-ISD-OOCLL/HKG) , thank you for reaching out to us. From your response above, I understand that you are seeing the strokes around the buttons in APIM developer portal administrative interface:

I suspect that it is because you are in designer mode and that stroke is to help you make edits on the portal, once you are done with the changes you need to publish it. You can publish the portal within the portal's administrative interface or from the Azure portal. To publish the portal from the administrative interface:

Make sure you saved your changes by selecting the Save icon.
In the Operations section of the menu, select Publish website. This operation may take a few minutes.

After publish, the portal will have buttons without strokes:

-----------------------------------------------------------------------------------------------------------

Please "Accept the answer" and upvote if the information helped you. This will help us and others in the community as well.

NICOLE LEUNG (BA-ISD-OOCLL/HKG) 151 Reputation points

2021-07-09T07:25:54.503+00:00

Hi @HarshitaSingh-MSFT ,

To clarify the question, I would like to know more on how to customize the button.

In the style page of the API Portal, we could customize the button, for example changing the size of it .

May I ask how could I remove the stroke if the button? The stroke remain exist even in non-designer mode. Thank you,
singhh-msft 2,431 Reputation points

2021-07-09T08:01:08.14+00:00

@NICOLE LEUNG (BA-ISD-OOCLL/HKG) , thanks for your response. As I mentioned above, in non-designer mode (published portal), the stroke is not visible:

Also note that in published portal, left pane is not visible. Try opening the published portal's url in InPrivate/Incognito. Check out Azure API Management - new developer portal for more details. Let me know if it helps.
NICOLE LEUNG (BA-ISD-OOCLL/HKG) 151 Reputation points

2021-07-09T08:02:56.033+00:00

Hi @HarshitaSingh-MSFT , i mean the stroke of this button... The above screen capture is captured in non-designer mode..Thanks.
singhh-msft 2,431 Reputation points

2021-07-09T09:27:20.713+00:00

Okay, got it. Thanks for the clarifications. For more controlled editing, check out Self-host the API Management developer portal and Move from managed to self-hosted developer portal. Let me know if any further queries.
NICOLE LEUNG (BA-ISD-OOCLL/HKG) 151 Reputation points

2021-07-09T09:31:00.923+00:00

Hi @HarshitaSingh-MSFT . so there is no way to remove the strike on the API Porta; with the existing widgets / UI functions ? If so, why some of the buttons could be without stroke while some have ?

For example, the redirect button in orange could be without stroke while the normal button with stroke. There is no way to customize it ? Thanks.
NICOLE LEUNG (BA-ISD-OOCLL/HKG) 151 Reputation points

2021-07-09T09:32:05.277+00:00

Could you ask other MS supports for advise if this field may not be that familiar to you ? Thanks
singhh-msft 2,431 Reputation points

2021-07-09T10:05:57.977+00:00

I apologize for the inconvenience caused, removing border of buttons is not possible from the portal at this time. As mentioned previously, not everything can be performed using the portal.
singhh-msft 2,431 Reputation points

2021-07-09T11:11:45.9+00:00

If this answer helps you, you can upvote and mark it as an answer to help other community members with same issue.

Share via

Customize the button at APIM

1 answer

Your answer