[Question] How can you modify page title or header title of the swagger-ui page

[TehBakker]

Please take the time to search the repository, if your question has already been asked or answered.

• What version of the library are you using?
  2.6.1

What kind of issue is this?

• [ X] Question.

I can't find how to replace the title of the HTML page (which is "Swagger UI") nor the title in the header which is "Swagger".

I'm definiting my swagger properties through the ApiInfo bean

` Docket api() {
return new Docket(DocumentationType.SWAGGER_2)
.select()
.apis(RequestHandlerSelectors.basePackage(MyApiImpl.class.getPackage().getName()))
.paths(PathSelectors.any())
.build()
// To Hide some path from SwaggerUi, add the ApiIgnore annotation.
.ignoredParameterTypes(ApiIgnore.class)
.apiInfo(getApiInfo());
}

private ApiInfo getApiInfo() {
    return new ApiInfo(
            applicationName,
            applicationDescription,
            applicationVersion,
            null,
            new Contact(company, infoUrl, contactMail), null, null);
}`

Title is displayed under the header fine but I want to remove the "swagger", the one in the logo__title span in the header and can't find how to do it.

Thanks for your help

[dilipkrish]

Seems like a nice feature to add. Currently its not customizable.

[TehBakker]

Ah ok, thanks for the quick reply.

[timothy-mugayi]

+1 For this feature. What are the hacky ways we can achieve this?

[dilipkrish]

Currently none, but hacky way I would love is to push a PR for it ;)

[stacey-sloth]

+1 for this feature.

[talk2debendra]

Is this feature added ?

[schrufygroovy]

+1 for this feature.

[markus-hsk]

+1

[markus-hsk]

I built a small js-Code to achieve this:

function updateTitle()
{
    var elements = document.getElementsByClassName('title');
    if(elements.length > 0)
    {
        var content = elements[0].textContent;
        document.title = content;
    }
    else
    {
        setTimeout(updateTitle, 1000);
    }
}
updateTitle();

You just have to add this line in the swagger ui index.html file:

<script src="pathToJs.js"></script>

I know, its not a perfect solution and not really good programming, but it works for me and the users of my api so i'm fine with it.

[grmkris]

I'd like this feature aswell.
ApiInfoBuilder().title("MY REST API").description("MY REST API")
Using this changes title of the page, but I'd also like it to change title of the tab inside web browser
I can implement this feature in my spare time if you give me some directions

[cookieMr]

I will just add one more argument to this thread:
In a world of microservices i have 3 or 4 Swagger UI opened in my browser. And all of them are titled the same.