title: DropBox Saver: Button is not showing up. (Angular 6)
body: <p>I have tried everything but the exact same code works for the standalone application.
  Here is the code for Profile component:</p>
  
  <pre><code>&lt;app-header (sendUserdata)="getUserdata($event)" (sendToken)="getToken($event)" &gt; &lt;/app-header&gt;
  
  
  &lt;div id="wrapper"&gt;
                  &lt;!-- Sidebar --&gt;
                  &lt;div id="sidebar-wrapper"&gt;
                      &lt;ul class="sidebar-nav"&gt;
                          &lt;li&gt;
                              &lt;a (click)="onClick('myProfile')"&gt; My Profile &lt;/a&gt;
                          &lt;/li&gt;
                          &lt;li&gt; 
                              &lt;a (click)="onClick('addPassword')"&gt;Add Password&lt;/a&gt;
                          &lt;/li&gt;
                          &lt;li&gt;
                              &lt;a href="#"&gt;Show Password&lt;/a&gt;
                          &lt;/li&gt;
                          &lt;li&gt;
                              &lt;a (click)="logOut()"&gt;Logout&lt;/a&gt;
                          &lt;/li&gt;
  
                      &lt;/ul&gt;
  
  
                  &lt;/div&gt;
                  &lt;div *ngIf="myProfile"&gt;
                  &lt;div id="page-content-wrapper"&gt;
                          &lt;div class="container-fluid"&gt;
                              &lt;div class="row"&gt;
                                  &lt;div class="col-lg-12" &gt;
                                      &lt;h1&gt;Hello, {{userData.ofa}}&lt;/h1&gt;
                                       &lt;img src="{{userData.Paa}}" alt=""&gt;  
                                       &lt;p&gt;{{userData.U3}}&lt;/p&gt; 
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;/div&gt;
  
  
                      &lt;div *ngIf="addPassword"&gt;
                                  &lt;div id="page-content-wrapper"&gt;
                                          &lt;div class="container-fluid"&gt;
                                              &lt;div class="row"&gt;
                                                  &lt;div class="col-lg-12" &gt;
                                                                  &lt;div class="container"&gt;
                                                                                  &lt;h1&gt;Submit Password&lt;/h1&gt;
                                                                                  &lt;form&gt;
                                                                                    &lt;div class="form-group"&gt;
                                                                                      &lt;label for="name"&gt;Application Name&lt;/label&gt;
                                                                                      &lt;input #applicationname type="text" class="form-control" id="" required &gt;
                                                                                    &lt;/div&gt;
  
                                                                                    &lt;div class="form-group"&gt;
                                                                                      &lt;label for="alterEgo"&gt;Username&lt;/label&gt;
                                                                                      &lt;input #username type="text" class="form-control" id="username" required&gt;
                                                                                    &lt;/div&gt;
  
                                                                                    &lt;div class="form-group"&gt;
                                                                                                  &lt;label for="alterEgo"&gt;Password&lt;/label&gt;
                                                                                                  &lt;input #password type="text" class="form-control" id="password" [value]="randomPassword"&gt;
                                                                                                &lt;/div&gt;
  
                                                                                  &lt;button type="button" class="btn btn-success" (click)="generatePassword()"&gt;Generate Random Password&lt;/button&gt;
                                                                                  &lt;button type="submit" class="btn btn-success dropbox-saver" (click)="submitData(applicationname.value,username.value,password.value)"&gt;Submit&lt;/button&gt;
  
                                                                                 &lt;hr&gt; &lt;a href="https://dl.dropboxusercontent.com/s/deroi5nwm6u7gdf/advice.png" class="dropbox-saver"&gt;&lt;/a&gt;
                                                                                  &lt;/form&gt;
  
                                                                              &lt;/div&gt;
                                                  &lt;/div&gt;
                                              &lt;/div&gt;
  
                                          &lt;/div&gt;
  
                                      &lt;/div&gt;
                                      &lt;/div&gt;   
              &lt;/div&gt;
  </code></pre>
  
  <p>Here is the output if I run the exact same code as standalone application.</p>
  
  <p><a href="https://i.stack.imgur.com/EBDgx.jpg" rel="nofollow noreferrer">check screenshot of standalone app</a></p>
  
  <p>Here is the output of the profile component where Save to Dropbox button is not showing up:</p>
  
  <p><a href="https://i.stack.imgur.com/BmTCo.jpg" rel="nofollow noreferrer">Not Working button after login</a></p>
  
  <p>At the same time, the button is showing up on the main page, where user hasn't logged in yet.</p>
  
  <p>I have tried checking without all the bootstrap classes and divisions. But, I am unable to get it working.</p>