title: Cutomize Swagger UI ASP.NET Core Web API
body: <p>I'm trying to customize swagger UI on my ASP.NET Core Web API.</p>
  
  <p>I want the UI like this:</p>
  
  <p><a href="https://i.stack.imgur.com/gtmTy.png" rel="noreferrer"><img src="https://i.stack.imgur.com/gtmTy.png" alt="enter image description here"></a></p>
  
  <p>I'm following these tutorials:</p>
  
  <ul>
  <li><a href="https://docs.microsoft.com/en-us/aspnet/core/tutorials/web-api-help-pages-using-swagger?tabs=visual-studio" rel="noreferrer">https://docs.microsoft.com/en-us/aspnet/core/tutorials/web-api-help-pages-using-swagger?tabs=visual-studio</a></li>
  <li><a href="https://github.com/swagger-api/swagger-ui" rel="noreferrer">https://github.com/swagger-api/swagger-ui</a></li>
  </ul>
  
  <p>This is the Startup.cs configuration:</p>
  
  <pre><code>// Add the detail information for the API.
  services.ConfigureSwaggerGen(options =&gt;
  {
      // Determine base path for the application.
      var basePath = _env.WebRootPath;
  
      // Complete path
      var xmlPath = Path.Combine(basePath, "myapi.xml");
  
      // Set the comments path for the swagger json and ui.
      options.IncludeXmlComments(xmlPath);
  });
  
  app.UseStaticFiles();
  
  // Enable middleware to serve generated Swagger as a JSON endpoint
  app.UseSwagger();
  
  // Enable middleware to serve swagger-ui assets (HTML, JS, CSS etc.)
  app.UseSwaggerUI(c =&gt;
  {                
      c.SwaggerEndpoint("/swagger/v1/swagger.json", "MyAPI");
  });  
  </code></pre>
  
  <p>I already downloaded swagger ui files from the git repository and put on my project like this:</p>
  
  <p><a href="https://i.stack.imgur.com/15UoW.png" rel="noreferrer"><img src="https://i.stack.imgur.com/15UoW.png" alt="enter image description here"></a></p>
  
  <p>I don't know if this is the right thing to do, but I'm not able to see any changes to the swagger UI.</p>