altinn-designsystem/dist/patterns/02-organismer-50-ekspanderbart-panel-05-avanserte-innstillinger/02-organismer-50-ekspanderbart-panel-05-avanserte-innstillinger.markup-only.html

Altinn Design system based on Pattern Lab.

<!-- START: 02-organismer-50-ekspanderbart-panel-05-avanserte-innstillinger JS doc: togglePanel.js -->
<div class="card a-accordion-card a-collapsePanel ">
  <div class="card-header a-js-index-heading a-collapsePanel-heading collapsed " id="advancedSettingsPanelHeader" role="tab">
    <a href="#" data-toggle="collapse" data-target="#advancedSettingsPanel" aria-expanded="false" aria-controls="advancedSettingsPanel">
      <!-- START: 01-molekyler-00-tekst-30-ikon-tekst -->
      <div class="a-iconText a-iconText-shadow a-iconText-large a-collapseBtn collapsed ">
        <div class="a-iconText-icon ">
          <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
          <i class="ai ai-client  a-icon a-icon-circle "></i>


          <!-- END: 00-atomer-09-bilder-og-media-15-ikon -->
        </div>
        <h2 class="a-iconText-text mb-0">
          <span class="a-iconText-text-large">Avanserte innstillinger  </span>
        </h2>
      </div>

      <!-- END: 01-molekyler-00-tekst-30-ikon-tekst -->

    </a>
  </div>
  <div id="advancedSettingsPanel" class="a-collapsePanel-body collapse " data-parent="#accordion" role="tabpanel" aria-labelledby="advancedSettingsPanelHeader">
    <div class="a-collapsePanel-body-content">
      <!-- START: 02-organismer-_49-ekspanderbart-panel-innhold-30-kvittering-pa-epost -->
      <!-- START: 02-organismer-_49-ekspanderbart-panel-innhold-10-innloggingsinformasjon-innhold -->
      <div class="row">
        <div class="col-12">
          <h3 class="a-fontBold a-fontSizeM">
            Kvittering på e-post (for innsendinger du gjør for andre)
          </h3>
        </div>
        <div class="col-12 col-md-5">
          <!-- START: 00-atomer-01-forms-10-tekst-input JS doc: handleFocus.js -->

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

            <label class="a-form-label  " for="text-input-3">E-postadresse</label>

            <div class="a-form-group-items input-group   ">
              <span class="input-group-prepend d-none d-md-block"><!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-closedmessage   "    ></i>


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


              <input class="form-control   a-hasIcon 
         " type="email" placeholder="E-postadresse" name="email-field" data-val="true" id="text-input-3" required>




            </div>


            <div class="a-message a-message-error" data-valmsg-for="email-field" data-valmsg-replace="true"></div>
          </div>

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

        </div>
      </div>
      <div class="row">
        <div class="col">
          <!-- START: 00-atomer-01-forms-00-avkrysningsboks -->
          <div class="custom-control  custom-checkbox a-custom-checkbox  ">
            <input type="checkbox" id="check1" class="custom-control-input">
            <label class="custom-control-label " for="check1">Jeg ønsker kvittering på e-post for innsendte skjema</label>
          </div>

          <!-- END: 00-atomer-01-forms-00-avkrysningsboks -->

        </div>
      </div>
      <div class="row">
        <div class="col mt-1">
          <!-- START: 00-atomer-03-knapper-10-knapp -->
          <button class="a-btn a-btn-success ">
  
    Lagre
  
</button>

          <!-- END: 00-atomer-03-knapper-10-knapp -->

        </div>
      </div>
      <!-- END: 02-organismer-_49-ekspanderbart-panel-innhold-10-innloggingsinformasjon-innhold -->

      <!-- END: 02-organismer-_49-ekspanderbart-panel-innhold-30-kvittering-pa-epost -->

    </div>



  </div>
</div>

<!-- END: 02-organismer-50-ekspanderbart-panel-05-avanserte-innstillinger -->