{ Community }
  • Academy
  • Docs
  • Developers
  • Resources
    • Community Articles
    • Apigee on GitHub
    • Code Samples
    • Videos & eBooks
    • Accelerator Methodology
  • Support
  • Ask a Question
  • Spaces
    • Product Announcements
    • General
    • Edge/API Management
    • Developer Portal (Drupal-based)
    • Developer Portal (Integrated)
    • API Design
    • APIM on Istio
    • Extensions
    • Business of APIs
    • Academy/Certification
    • Adapter for Envoy
    • Analytics
    • Events
    • Hybrid
    • Integration (AWS, PCF, Etc.)
    • Microgateway
    • Monetization
    • Private Cloud Deployment
    • 日本語コミュニティ
    • Insights
    • IoT Apigee Link
    • BaaS/Usergrid
    • BaaS Transition/Migration
    • Apigee-127
    • New Customers
    • Topics
    • Questions
    • Articles
    • Ideas
    • Leaderboard
    • Badges
  • Log in
  • Sign up

Get answers, ideas, and support from the Apigee Community

  • Home /
  • Developer Portal (Integrated) /
avatar image
0
Question by Gangadharan Munusamy · Oct 08, 2019 at 07:50 AM · 140 Views uiintegrated portaldesign

Regarding Portal UI

Can I Change the HTML/CSS Code inside Pages to Customize Portal?

Where I can Find the Classes Definition which is called inside every <div>.

May I Override the classes which is used already?

For Mobile View May I write my own Media Query ?

Comment
Add comment
10 |5000 characters needed characters left characters exceeded
▼
  • Viewable by all users
  • Viewable by Apigeeks only
  • Viewable by the original poster
  • Viewable by moderators
  • Viewable by moderators and the original poster
  • Advanced visibility
Viewable by all users

Close

1 Answer

  • Sort: 
avatar image
0

Answer by Artem Petrosian · Oct 21, 2019 at 04:42 PM

Yes, you can modify HTML code for Page content (Pages section in your Developer Portal settings).

Custom styles could be added/modified by several ways:

  • Customizing your Developer Portal theme https://docs.apigee.com/api-platform/publish/portal/api-portal-themes
  • Adding styles directly on the Page (within styles tag) including media quarries
  • Also, you can use Angular material components from here (not sure if all of them are available) https://material.angular.io/components/categories

Moreover, you can add your custom image assets. I've also was able to add custom fonts via base64 encoding

There are some limitations I found:

  • Can't customize html for header and footer. Only menu items can be customized.
  • Can't customize default pages for API Products
Comment
Add comment Show 4 · Link
10 |5000 characters needed characters left characters exceeded
▼
  • Viewable by all users
  • Viewable by Apigeeks only
  • Viewable by the original poster
  • Viewable by moderators
  • Viewable by moderators and the original poster
  • Advanced visibility
Viewable by all users
avatar image Gangadharan Munusamy · Oct 22, 2019 at 01:02 PM 0
Link

can use javascript/jquery

if yes please tell me how to ?

avatar image Artem Petrosian Gangadharan Munusamy · Oct 22, 2019 at 03:40 PM 0
Link

yes, https://docs.apigee.com/api-platform/publish/portal/custom-scripts

avatar image Gangadharan Munusamy Artem Petrosian · Oct 23, 2019 at 01:35 PM 0
Link

Will you please show one sample - how we can implement in HTML level

avatar image Jincy KV · Dec 13, 2019 at 03:24 PM 0
Link

Please tell me on how to customize \api page. I wanted to hide\disable add app button also.

Follow this Question

Answers Answers and Comments

39 People are following this question.

avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image avatar image

Related Questions

Changing the API spec in the Integrated Portal APIs section does not work properly 3 Answers

Integrated Developer Portal (become a developer) 1 Answer

Developer portal Spec for API's protected with Implicit/oauth Oauth 0 Answers

Can i add spinner while navigating from one page to other 0 Answers

APIGEE - Custom role creation 1 Answer

  • Products
    • Edge - APIs
    • Insights - Big Data
    • Plans
  • Developers
    • Overview
    • Documentation
  • Resources
    • Overview
    • Blog
    • Apigee Institute
    • Academy
    • Documentation
  • Company
    • Overview
    • Press
    • Customers
    • Partners
    • Team
    • Events
    • Careers
    • Contact Us
  • Support
    • Support Overview
    • Documentation
    • Status
    • Edge Support Portal
    • Privacy Policy
    • Terms & Conditions
© 2021 Apigee Corp. All rights reserved. - Apigee Community Terms of Use - Powered by AnswerHub
  • Anonymous
  • Sign in
  • Create
  • Ask a question
  • Create an article
  • Post an idea
  • Spaces
  • Product Announcements
  • General
  • Edge/API Management
  • Developer Portal (Drupal-based)
  • Developer Portal (Integrated)
  • API Design
  • APIM on Istio
  • Extensions
  • Business of APIs
  • Academy/Certification
  • Adapter for Envoy
  • Analytics
  • Events
  • Hybrid
  • Integration (AWS, PCF, Etc.)
  • Microgateway
  • Monetization
  • Private Cloud Deployment
  • 日本語コミュニティ
  • Insights
  • IoT Apigee Link
  • BaaS/Usergrid
  • BaaS Transition/Migration
  • Apigee-127
  • New Customers
  • Explore
  • Topics
  • Questions
  • Articles
  • Ideas
  • Badges