altinn-designsystem/dist/patterns/03-maler-infoportal-_70-hurtighjelp-00-hurtighjelp/03-maler-infoportal-_70-hurtighjelp-00-hurtighjelp.markup-only.html

Altinn Design system based on Pattern Lab.

<!-- START: 03-maler-infoportal-_70-hurtighjelp-00-hurtighjelp -->
<div id="a-stickyHelp" class="a-stickyHelp" data-start="..&#x2F;..&#x2F;patterns&#x2F;03-maler-infoportal-_70-hurtighjelp-10-hurtighjelp-start&#x2F;03-maler-infoportal-_70-hurtighjelp-10-hurtighjelp-start.markup-only.html" data-api="http:&#x2F;&#x2F;altinn-dev.dev.bouvet.no&#x2F;api&#x2F;quicksearch&#x2F;">

  <div class="a-stickyHelp-header d-flex">

    <!-- Back button should not show on first step -->
    <button id="a-js-stickyHelp-back" class="a-stickyHelp-back d-none" data-toggle="quickhelp" data-action="back" data-target="#a-stickyHelp">
      <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-back ai-sm   "   id="back"   ></i>
  <span class="sr-only">Tilbake</span>


<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->

    </button>

    <h1 class="a-h3 mb-0 ml-auto mr-auto">Hjelp</h1>

  </div>

  <div class="a-stickyHelp-search">
    <!-- START: 00-atomer-01-forms-10-tekst-input JS doc: handleFocus.js -->

    <div class="form-group a-form-group   ">

      <label class="a-form-label  sr-only  " for="text-input-search-13">Søk etter innhold: </label>

      <div class="a-form-group-items input-group   ">


        <input class="form-control a-js-stickyhelpSearch 
         a-hasButton  " type="search" autofocus placeholder="Søk etter innhold" name="input-field" data-val="true" id="text-input-search-13">

        <div class="input-group-append">
          <button class="btn btn-secondary" type="button">
              <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-search   "    ></i>


<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->

              <span class="sr-only">Søk</span>
          </button>
        </div>



      </div>


    </div>

    <!-- END: 00-atomer-01-forms-10-tekst-input -->

  </div>

  <div class="a-stickyHelp-content-target" data-category="test" data-url="http://altinn-dev.dev.bouvet.no/api/getquicktopic/test/no">
    <div class="a-page a-current-page">
      <div class="a-quickHelp-startPage" id="a-js-quickhelpPage">
        <!-- START: 03-maler-infoportal-_70-hurtighjelp-10-hurtighjelp-start -->


        <div class="a-stickyHelp-footer">
          <a href="javascript:void(0)" data-toggle="quickhelp" data-action="next" class="a-js-stickyHelpCategoryLink" data-target="#a-stickyHelp">Vanlige spørsmål om <span class="a-js-stickyHelpCategory"></span></a>

          <a class="a-stickyHelp-iconLeft" href="javascript:void(0)" data-toggle="quickhelp" data-action="next" data-url="../../patterns/03-maler-infoportal-_70-hurtighjelp-13-hurtighjelp-kontakt/03-maler-infoportal-_70-hurtighjelp-13-hurtighjelp-kontakt.markup-only.html"
            data-target="#a-stickyHelp"><i class="ai ai-phone ai-sm"></i>Kontakt brukerstøtte</a>

          <a href="&#x2F;patterns&#x2F;04-sider-infoportal-20-navigasjonssider-70-hjelpesenter\04-sider-infoportal-20-navigasjonssider-70-hjelpesenter.html" target="_blank" class="">
      Til Altinn hjelpesenter <i class="ai ai-arrowright ai-sm"></i>
    </a>
        </div>

        <!-- END: 03-maler-infoportal-_70-hurtighjelp-10-hurtighjelp-start -->

      </div>
    </div>
  </div>

</div>

<!-- END: 03-maler-infoportal-_70-hurtighjelp-00-hurtighjelp -->