<main id="main">
    <div class="container">
        <div class="row breadcrumbs">
            <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
                <div class="breadcrumbs-container row">
                    <div class="col-12 col-lg-8 breadcrumb-col">
                        <nav aria-label="Breadcrumbs" class="mr-auto">
                            <ol class="breadcrumb ">
                                <li class="breadcrumb-item"><a href="/">Hem</a></li>
                                <li class="breadcrumb-item"><a href="/utbildning">Utbildning</a></li>
                                <li class="breadcrumb-item"><a href="/utbildning">Utbildning</a></li>
                                <li class="breadcrumb-item active" aria-current="page">En sjukt lång text som egentligen inte borde vara här. Men så blir det när man behöver testa vissa saker. :)</li>
                            </ol>
                        </nav>
                    </div>
                    <div class="col-12 col-lg-4 breadcrumb-col enablevue">
                        <nav class="breadcrumbs-actions float-md-left float-lg-right" aria-label="Page functions" id="breadcrumbs">
                            <ul class="page-functions-list list-unstyled">
                                <li v-if="isSetAsFavourite" id='remove-bookmark-container' class="page-functions-list-item">
                                    <a href="javascript:void(0)" id="bookmarkremove" class="small-font" v-on:click="removeFavourite()">
                                    <i class="material-icons blue">favorite</i>
                                    <span>Ta bort favorit</span>
                                </a>
                                </li>
                                <li v-else id="save-bookmark-container" class="page-functions-list-item">
                                    <a href="javascript:void(0)" id="bookmarksave" class="small-font" v-on:click="addFavourite()">
                                    <i class="material-icons">favorite_border</i>
                                    <span>Spara</span>
                                </a>
                                </li>
                                <li class="page-functions-list-item">
                                    <div id="readspeaker_button1" class="rs_skip rsbtn rs_preserve">
                                        <a rel="nofollow" class="rsbtn_play" accesskey="L" title="webReader" href="//app-eu.readspeaker.com/cgi-bin/rsent?customerid=5305&amp;lang=sv_se&amp;readid=maincontent;url=">
                                        <span class="rsbtn_left rsimg rspart"><span
                                                class="rsbtn_text"><span>Lyssna</span></span></span>
                                        <span class="rsbtn_right rsimg rsplay rspart"></span>
                                    </a>
                                    </div>
                                </li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="row title-container">
            <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
                <h1 class="heading-level-1">Här kan du ändra dina verktyg</h1>
            </div>
        </div>
    </div>
    <form method="POST">
        <div class="container">
            <div class="row">
                <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
                    <div class="form-grouping">
                        <div class="form-check">
                            <input type="checkbox" name="129095" id="129095" value="true" class="form-check-input">
                            <label for="129095" class="form-check-label">Zoom</label>
                        </div>
                        <div class="form-check">
                            <input type="checkbox" name="129095" id="129095" value="true" class="form-check-input">
                            <label for="129095" class="form-check-label">Bokade salar Sundsvall</label>
                        </div>
                        <div class="form-check">
                            <input type="checkbox" name="129095" id="129095" value="true" class="form-check-input">
                            <label for="129095" class="form-check-label">Zoom</label>
                        </div>
                        <div class="form-check">
                            <input type="checkbox" name="129095" id="129095" value="true" class="form-check-input">
                            <label for="129095" class="form-check-label">Bokade salar Sundsvall</label>
                        </div>
                        <div class="form-check">
                            <input type="checkbox" name="129095" id="129095" value="true" class="form-check-input">
                            <label for="129095" class="form-check-label">Zoom</label>
                        </div>
                        <div class="form-check">
                            <input type="checkbox" name="129095" id="129095" value="true" class="form-check-input">
                            <label for="129095" class="form-check-label">Bokade salar Sundsvall</label>
                        </div>
                        <div class="form-check">
                            <input type="checkbox" name="129095" id="129095" value="true" class="form-check-input">
                            <label for="129095" class="form-check-label">Zoom</label>
                        </div>
                        <div class="form-check">
                            <input type="checkbox" name="129095" id="129095" value="true" class="form-check-input">
                            <label for="129095" class="form-check-label">Bokade salar Sundsvall</label>
                        </div>
                        <div class="form-check">
                            <input type="checkbox" name="129095" id="129095" value="true" class="form-check-input">
                            <label for="129095" class="form-check-label">Zoom</label>
                        </div>
                        <div class="form-check">
                            <input type="checkbox" name="129095" id="129095" value="true" class="form-check-input">
                            <label for="129095" class="form-check-label">Bokade salar Sundsvall</label>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
                    <button class="button-default mb-md" type="submit">Uppdatera</button>
                </div>
            </div>
        </div>
    </form>

</main>
{{!< ../_preview-page}}
<main id="main">
    {{render '@breadcrumbs' }}
    {{#if title.value}}
    <div class="container">
        <div class="row title-container">
            <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
                <h1 class="heading-level-1" {{{title.epiEditAttribute}}}>{{title.value}}</h1>
            </div>
        </div>
    </div>
    {{/if}}
    <form method="POST">
        <div class="container">
            <div class="row">
                <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
                    {{render '@checkboxinput' checkboxInputModel}}
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
                    <button class="button-default mb-md" type="submit">{{saveButtonText}}</button>
                </div>
            </div>
        </div>
    </form>

</main>
{
  "pageId": "testID",
  "title": {
    "value": "Här kan du ändra dina verktyg",
    "epiEditAttribute": ""
  },
  "saveButtonText": "Uppdatera",
  "message": "Your tools have been updated",
  "checkboxInputModel": {
    "items": [
      {
        "nameId": "129095",
        "icon": "fa-video-camera",
        "heading": "Zoom",
        "value": true
      },
      {
        "nameId": "129095",
        "icon": "fa-calendar-times-o",
        "heading": "Bokade salar Sundsvall",
        "value": true
      },
      {
        "nameId": "129095",
        "icon": "fa-video-camera",
        "heading": "Zoom",
        "value": true
      },
      {
        "nameId": "129095",
        "icon": "fa-calendar-times-o",
        "heading": "Bokade salar Sundsvall",
        "value": true
      },
      {
        "nameId": "129095",
        "icon": "fa-video-camera",
        "heading": "Zoom",
        "value": true
      },
      {
        "nameId": "129095",
        "icon": "fa-calendar-times-o",
        "heading": "Bokade salar Sundsvall",
        "value": true
      },
      {
        "nameId": "129095",
        "icon": "fa-video-camera",
        "heading": "Zoom",
        "value": true
      },
      {
        "nameId": "129095",
        "icon": "fa-calendar-times-o",
        "heading": "Bokade salar Sundsvall",
        "value": true
      },
      {
        "nameId": "129095",
        "icon": "fa-video-camera",
        "heading": "Zoom",
        "value": true
      },
      {
        "nameId": "129095",
        "icon": "fa-calendar-times-o",
        "heading": "Bokade salar Sundsvall",
        "value": true
      }
    ]
  }
}

There are no notes for this item.