title: Changing positionclass for toastr Notification
body: <p>I am trying to change positionclass for my toast on div click. </p>
  
  <blockquote>
    <p>positionclass:is not changed to Bottom.?  what am i missing here?</p>
  </blockquote>
  
  <p>and how to use</p>
  
  <blockquote>
    <p>toastr.optionsOverride = 'positionclass:toast-bottom-full-width';</p>
  </blockquote>
  
  <pre><code>@{
      ViewBag.Title = "Index";
  }
  
  &lt;h2&gt;Index&lt;/h2&gt;
  &lt;head&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;script type ="text/javascript" src ="@Url.Content("~/Scripts/jquery-1.6.4.js")"&gt;&lt;/script&gt;
      &lt;script type ="text/javascript" src ="@Url.Content("~/Scripts/toastr.js")"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet" type="text/css" href="~/content/toastr.css" /&gt;
  &lt;/head&gt;
  &lt;script type="text/javascript"&gt;
      $(document).ready(function () {
  
          // show when page load
          toastr.info('Page Loaded!');
  
          $('#linkButton').click(function () {
              toastr.optionsOverride = 'positionclass:toast-bottom-full-width';
              // show when the button is clicked
              toastr.success('Click Button', 'ButtonClick', 'positionclass:toast-bottom-full-width');
          });
  
      });
  
  &lt;/script&gt;
  
  &lt;body&gt;
      &lt;div id ="linkButton" &gt; click here&lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p><strong>update 1</strong></p>
  
  <p><strong>after debugging i have noticed that below getOptions method from toastr.js is overriding
  'positionclass:toast-bottom-full-width' to 'toast-top-right'</strong></p>
  
  <pre><code>    function getOptions() {
          return $.extend({}, defaults, toastr.options);
      }
  </code></pre>
  
  <p><strong>update 2</strong> Line 140 in toastr.js is not <strong>successfully</strong> extending m
  optionsOverride in to options.??</p>
  
  <pre><code>        if (typeof (map.optionsOverride) !== 'undefined') {
              options = $.extend(options, map.optionsOverride);
              iconClass = map.optionsOverride.iconClass || iconClass;
          }
  </code></pre>
  
  <p><strong>update 3</strong>
  Postion issue has been fixed but I have to mention position class 3 times as below. I am sure there is a less noisy way to achieve this.</p>
  
  <pre><code>$('#linkButton').click(function () {
  
      toastr.optionsOverride = 'positionclass = "toast-bottom-full-width"';
      toastr.options.positionClass = 'toast-bottom-full-width';
       //show when the button is clicked
      toastr.success('Click Button', 'ButtonClick', 'positionclass = "toast-bottom-full-width"');
  });
  </code></pre>