Hello Everyone,
Recently, I have started exploring Apigee Edge Monetization & Developer Portal. One thing that caught my attention is the Developer Portal Monetization User Interface & Experience. You might have experienced already or see why in below article. Also, Find out how to make it better.
Issue 1 :
Issues with above UI & Interface ,
How to make it better ?
How to do it ?
Issue 2 :
How to make it better ?
body.not-front .page-content { padding-top: 0px; } #devconnect-monetization-download-prepaid-report-form .form-type-select { float: left; width: 20%; margin-right: 10px } #devconnect-monetization-download-prepaid-report-form #download_previous_prepaid_statements_anchor { float: left; margin-top: 22px; } #devconnect-monetization-download-prepaid-report-form #download_previous_prepaid_statements_anchor:after { clear: both; } .tabs--secondary.pagination { margin-top: 0px; } #devconnect-monetization-billing-document-form .form-item-billing-month { margin-left:0px; width: 320px; float: left; } #devconnect-monetization-billing-document-form .form-item-billing-month label { float:left; margin-right: 10px; } #devconnect-monetization-billing-document-form .form-item-billing-month select { float:left; width: 200px; } #devconnect-monetization-billing-document-form .form-item-search-billing-doc { margin-left:0px; width: 300px; margin-right: 20px; float: left; }
stylesheets[all][] = css/apicatalog.css
Clear all caches, You should see improved UI.
Similarly, You can use above css file to make stylesheets modifications. Hope above tips will help someone working with Developer Portal & Monetization screens.
Have a feedback / Feels like something is not great with respect to Monetization UI / UX in Developer Portal ? Feel free comment below.
Awesome! I'm big on UX and one thing that has bothered me is the fact that a tab called "Monetization" is added as default. This is great for initially setting up the portal but for end users (developers), "Monetization" as a nav menu item doesn't make much sense. For an optimal user experience what do you think works best? Creating new sub menu options under the user account tab for "billing and reports" and moving company setup to somewhere in user settings. The only menu item on the nav bar should be for the catalogue and plans in my opinion. Thoughts?
Great Suggestions @David MacDonald ,
Totally Agree, For example,
Any developer with Drupal Experience can make above changes within a matter of minutes.