Is there is any possible way to customize the View Api pages?

Question

Is there is any possible way to customize the View Api pages?

Joseph Mohankumar 0

Currently we are using list of operation and operation details widget to show the data but I want to change the look of the page whether is this possible to change the look?

MuthuKumaranMurugaachari-MSFT 22,441 Reputation points Moderator

2023-06-16T14:54:29.5133333+00:00

Joseph Mohankumar Thanks for posting your question in Microsoft Q&A. I assume you are referring to new developer portal managed version. Have you checked out https://learn.microsoft.com/en-us/azure/api-management/api-management-howto-developer-portal-customize#customization-example doc and video? That would help in getting started with the customization of page content.

If you are looking for more customization and extending the functionality, this doc will help. Let me know if you have any questions.
Joseph Mohankumar 0 Reputation points

2023-06-16T15:01:38.3666667+00:00

Yes, I have read the docs and video, but it is showing the customization of home page alone. But in my case, I need to customize the list of Api operation and its details page.
MuthuKumaranMurugaachari-MSFT 22,441 Reputation points Moderator

2023-06-16T15:20:05.56+00:00

Joseph Mohankumar Got it. Can you elaborate on the customization you are looking to achieve? Any specific example with a screenshot or description?
Joseph Mohankumar 0 Reputation points

2023-06-16T15:33:08.6766667+00:00

While adding widget in layout we have two options list of operations and operation Details. I need to customize these two widgets.

1 answer

Your answer

MuthuKumaranMurugaachari-MSFT 22,441 Reputation points Moderator

2023-06-16T14:54:29.5133333+00:00

Joseph Mohankumar Thanks for posting your question in Microsoft Q&A. I assume you are referring to new developer portal managed version. Have you checked out https://learn.microsoft.com/en-us/azure/api-management/api-management-howto-developer-portal-customize#customization-example doc and video? That would help in getting started with the customization of page content.

If you are looking for more customization and extending the functionality, this doc will help. Let me know if you have any questions.
Joseph Mohankumar 0 Reputation points

2023-06-16T15:01:38.3666667+00:00

Yes, I have read the docs and video, but it is showing the customization of home page alone. But in my case, I need to customize the list of Api operation and its details page.
MuthuKumaranMurugaachari-MSFT 22,441 Reputation points Moderator

2023-06-16T15:20:05.56+00:00

Joseph Mohankumar Got it. Can you elaborate on the customization you are looking to achieve? Any specific example with a screenshot or description?
Joseph Mohankumar 0 Reputation points

2023-06-16T15:33:08.6766667+00:00

While adding widget in layout we have two options list of operations and operation Details. I need to customize these two widgets.

Answer 1

MuthuKumaranMurugaachari-MSFT 22,441 Moderator

Joseph Mohankumar Yes you can customize the view of that page. Here are the steps you can follow:

Login to Developer portal as admin and navigate to the page you would like to customize.
Then navigate to the right side of the section, and it will show a prompt like Edit section similar to the description in the video.
Edit the section with background picture, background color, size etc. and publish the page after the changes.

Here is the sample look of the changes on that page and I hope this helps.
User's image

I hope this helps and let me know if you have any questions.

If you found the answer to your question helpful, please take a moment to mark it as "Yes" for others to benefit from your experience. Or simply add a comment tagging me and would be happy to answer your questions.

Joseph Mohankumar 0 Reputation points

2023-06-20T04:37:02.38+00:00

Thanks for your solution, but I need to change the look out of the options that they have provided on the side. It was like a username needed to be displayed in the top right, active line in highlight color, line height, drop down options and some more style for that I couldn't be able to identify the solutions.
MuthuKumaranMurugaachari-MSFT 22,441 Reputation points Moderator

2023-06-20T13:53:50.37+00:00
Joseph Mohankumar Got it, in such cases.

Scaffolder of a custom widget for developer portal of Azure API Management service

Tools for working with custom widgets of developer portal of Azure API Management service

For any other discussion regarding portal, feel free to reach out to https://github.com/Azure/api-management-developer-portal/discussions.
Joseph Mohankumar 0 Reputation points

2023-06-20T14:58:54.2633333+00:00

Yes, I have tried Custom Widgets but the problem is, I was n't able to map the backend response. For eg, like showing a username in the topright, we need to get it based on the login to the portal for that we need a backend response value to map. Another example is showing the list of operations based on the Api list page selection.

Share via

Is there is any possible way to customize the View Api pages?

1 answer

Your answer