Swagger UI - Hide definition URL path

user_1847710 0
Viewed 18242

Using Swagger - UI 3XX

I would like to simply know if this is possible and if so, how:

We currently have a need to hide the definition URL path that Swagger - UI displays.

enter image description here

I know it's not possible to remove this URL and I'm not looking to do that, all I'm wanting to do is to hide /mask the text box from the client viewing this page.

Looking at the new Swagger docs here, there are some awesome tricks and extras you can add, however - nothing I can see in relation to my query.

I'm pretty sure, I could interrogate the HTML, find the id of the element in question and manually change the display of it within the index.html, I would much rather prefer using a build in method, if one exists before getting to that possible solution.

i.e. Something like this is possible and works: 

<style> .download-url-input { display: none !important; } </style>

Is this even possible?

swagger-ui
2 Answers

For the version 3.x add slice function to:

SwaggerUIStandalonePreset.slice(1)

In the version 4.x (inside swagger-initializer.js file) set layout to "BaseLayout"

  window.ui = SwaggerUIBundle({
    url: "./swagger.json",
    dom_id: '#swagger-ui',
    deepLinking: true,
    presets: [
      SwaggerUIBundle.presets.apis,
      SwaggerUIStandalonePreset
    ],
    plugins: [
      SwaggerUIBundle.plugins.DownloadUrl
    ],
    layout: "BaseLayout" // <<< here
  });
user_27919470
Related