question

NICOLELEUNGBAISDOOCLLHKG-4873 avatar image
0 Votes"
NICOLELEUNGBAISDOOCLLHKG-4873 asked singhh-msft commented

Customize the button at APIM

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

111322-image.png


azure-api-management
image.png (5.1 KiB)
· 4
5 |1600 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.

@NICOLELEUNGBAISDOOCLLHKG-4873 , 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?

0 Votes 0 ·

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.

111798-image.png


0 Votes 0 ·
image.png (33.7 KiB)
singhh-msft avatar image singhh-msft NICOLELEUNGBAISDOOCLLHKG-4873 ·

@NICOLELEUNGBAISDOOCLLHKG-4873, just checking in to see if you got a chance to check my response below.
,

0 Votes 0 ·
singhh-msft avatar image singhh-msft NICOLELEUNGBAISDOOCLLHKG-4873 ·

@NICOLELEUNGBAISDOOCLLHKG-4873, just checking in to see if you got a chance to check my response below.

0 Votes 0 ·

1 Answer

singhh-msft avatar image
0 Votes"
singhh-msft answered singhh-msft commented

@NICOLELEUNGBAISDOOCLLHKG-4873, 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:


111864-122.png


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.

    111911-image.png

  • In the Operations section of the menu, select Publish website. This operation may take a few minutes.

    111901-image.png


After publish, the portal will have buttons without strokes:

111893-image.png



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







122.png (363.4 KiB)
image.png (5.5 KiB)
image.png (16.7 KiB)
image.png (531.8 KiB)
· 8
5 |1600 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.

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 .

113235-image.png




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

0 Votes 0 ·
image.png (29.3 KiB)
singhh-msft avatar image singhh-msft NICOLELEUNGBAISDOOCLLHKG-4873 ·

@NICOLELEUNGBAISDOOCLLHKG-4873 , thanks for your response. As I mentioned above, in non-designer mode (published portal), the stroke is not visible:

113264-image.png

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.


0 Votes 0 ·
image.png (499.9 KiB)

113190-image.png




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

0 Votes 0 ·
image.png (1.8 KiB)
Show more comments