Mobile Banking - OKB
Mobile Banking
Mit unserer benutzerfreundlichen und kostenlosen App «OKB Mobile Banking» erledigen Sie Ihre Bankgeschäfte auf Ihrem Smartphone. Sie haben einen raschen Zugang zu Informationen über Ihre Konten und Depots. Erfassen mit der Scanner-Funktion so nebenbei eine Zahlung oder tätigen einen Kontoübertrag. Das Freigeben einer eBill-Rechnung ist im Nu erledigt, wie auch ein Börsengeschäft. Über den sicheren Zustellkanal senden Sie uns Ihre Mitteilungen.
Ihre Vorteile
- jederzeit und überall
- benutzerfreundlich und zeitsparend
- kostenlos
App installieren
Installieren Sie die App und aktivieren Sie sie für Ihr E-Banking.
Die Bedienungsanleitung (PDF) unterstützt Sie dabei.
 | App im Apple Store öffnen App im Google Play öffnen |
Ansicht
Erklärvideo
Hilfe
Wir sind gerne für Sie da. Sie erreichen uns persönlich von Montag bis Freitag, 8.00 bis 18.00 Uhr über 041 666 22 40 oder info@okb.ch.
Anleitungen
Fehler bei der Verarbeitung der Vorlage.
The following has evaluated to null or missing:
==> cur_link.id [in template "20101#20128#60711" at line 60, column 85]
----
Tip: It's the step after the last dot that caused this error, not those before it.
----
Tip: If the failing expression is known to legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)??
----
----
FTL stack trace ("~" means nesting-related):
- Failed at: #if request.getParameter("accordion")... [in template "20101#20128#60711" at line 60, column 41]
---- 1<style> 2 .plus { 3 text-align: right !important; 4 display: block; 5 float: right; 6 font-size:20px; 7 /*position: relative; 8 top: -20px;*/ 9 } 10 #wrapper .image_accordion .image_accordion__box__left__collapse-header::after{ 11 display: none; 12 } 13 .sand { 14 background: #F6F5F1; 15 margin-top:1px !important; 16 } 17 /*div.text-section-wrapper h1, div.text-section-wrapper h2, div.text-section-wrapper h3 { 18 19 font-weight: 700 !important; 20 }*/ 21 h2.accordion { 22 font-size: 18px !important; 23 font-weight: 700 !important; 24 line-height: 20px !important; 25 margin-bottom: 0px !important; 26 margin-top: 0px !important; 27 width: 90%; 28 float: left; 29 } 30 #wrapper .image_accordion__box__left__collapse-header:not(.collapsed) h2.accordion { 31 color: #B12C1E; 32 } 33 #wrapper .image_accordion__box__left__collapse-header:hover h2.accordion { 34 cursor: pointer; 35 color: #B12C1E; 36 } 37 38 39 40</style> 41 42 43 44 45<div class="image_accordion"> 46 47 48<#if titelelement??> 49 <${formatierung.getData()}> 50 ${titelelement.getData()} 51 </${formatierung.getData()}> 52</#if> 53 54 55 56 <div class="image_accordion__box" id="accordionExample"> 57 <div class="panel accordion"> 58 <#if link.getSiblings()?has_content> 59 <#list link.getSiblings() as cur_link> 60 <#if request.getParameter("accordion")?? && cur_link.id.getData() == request.getParameter("accordion")> 61 <#assign nonActiveClass = ""> 62 <#assign collapseClass = "collapse show"> 63 <#assign iconClass = "minus"> 64 <#assign ariaExpanded = "true"> 65 <#elseif !request.getParameter("accordion")?? && cur_link?index == 0> 66 <#assign nonActiveClass = "collapsed"> 67 <#assign collapseClass = "collapse"> 68 <#assign iconClass = "plus"> 69 <#assign ariaExpanded = "false"> 70 <#else> 71 <#assign nonActiveClass = "collapsed"> 72 <#assign collapseClass = "collapse"> 73 <#assign iconClass = "plus"> 74 <#assign ariaExpanded = "false"> 75 </#if> 76 77 78 <div class="sand pl-1 image_accordion__box__left__collapse-header accordion-toggle ${nonActiveClass}" 79 id="ia-link-collapse-${cur_link?index}" 80 data-toggle="collapse" 81 data-target=".collapse-${cur_link?index}" 82 aria-controls="collapse-${cur_link?index}" 83 aria-labelledby="${cur_link.getData()}" 84 aria-expanded="${ariaExpanded}"> 85 <h2 class="accordion">${cur_link.getData()}</h2> <i class="plus icon-${iconClass}-box-outline-primary mr-1"></i> 86 <div style="clear: both;"></div> 87 </div> 88 <div class="collapse-${cur_link?index} image_accordion__box__right__collapse-content ${collapseClass} pl-1 pt-1" data-parent="#accordionExample"> 89 90 91 92 93 ${cur_link.html.getData()} 94 95 </div> 96 <#-- Original für Mobile 97 <div class="collapse-${cur_link?index} image_accordion__box__left__collapse-content ${collapseClass}" data-parent="#accordionExample"> 98 ${cur_link.html.getData()} 99 </div> --> 100 </#list> 101 </#if> 102 </div> 103 <#-- HTML Inhalt unter den Boxen 104 <div class="flex-grow-1"> 105 <#if link.getSiblings()?has_content> 106 <#list link.getSiblings() as cur_link> 107 108 <#if cur_link?index == 0> 109 110 111 <#assign collapseClass = "collapse show"> 112 <#else> 113 <#assign collapseClass = "collapse"> 114 </#if> 115 <div class="collapse-${cur_link?index} image_accordion__box__right__collapse-content ${collapseClass}" data-parent="#accordionExample"> 116 117 118 ${cur_link.html.getData()} 119 </div> 120 </#list> 121 </#if> 122 </div> 123 --> 124 </div> 125 <script> 126 // clicking on an active item shouldn't be possible on mobile devices 127 $('div[data-toggle="collapse"]').click(function(e){ 128 const target = $(this).attr('data-target'); 129 const id = '#' + $(this).attr('id'); 130 131 const desktop = $('.image_accordion__box__right').is(":visible"); 132 133 // don't close accordion if desktop view 134 if ($(target).hasClass('show') && desktop) { 135 e.stopPropagation(); 136 return; 137 } 138 139 // reset all icons 140 $(id).siblings().each((i, obj) => { 141 // Funktioniert nicht, da all i Tags angepasst werden 142 //$(obj).find('i').removeClass('icon-minus-box-outline-primary').addClass('icon-plus-box-outline-primary'); 143 }) 144 145 // depending on open item add or remove the plus or minus icon 146 if ($(id + '>i').hasClass('icon-plus-box-outline-primary')) { 147 $(id + '>i').removeClass('icon-plus-box-outline-primary').addClass('icon-minus-box-outline-primary'); 148 } else { 149 $(id + '>i').removeClass('icon-minus-box-outline-primary').addClass('icon-plus-box-outline-primary'); 150 151 152 } 153 154 155 // close all icons when clicking on another item (which closes all content) 156 const atLeastOneMobileContentOpen = $('.image_accordion__box__left__collapse-content.collapse.show')[0] 157 if (atLeastOneMobileContentOpen) { 158 const openContentId = $('.image_accordion__box__left__collapse-content.collapse.show').eq(0).attr('id'); 159 const openLinkId = '#' + openContentId.slice(0, 2) + "-link" + openContentId.slice(2) 160 161 $(openLinkId + '>i').removeClass('icon-minus-box-outline-primary').addClass('icon-plus-box-outline-primary'); 162 } 163 164 if(!desktop) { 165 // on mobile devices animate transition to open collapse element 166 const panel = $(this); 167 const mobileCollapseOpen = $('.collapse.show.mobile').height(); 168 const prevOpenCollapseHeight = mobileCollapseOpen || 0; 169 const finalOffset = panel.offset().top - 150 - prevOpenCollapseHeight; 170 171 // only animate scrolling when collapse on targeted item isn't open 172 if(!$(target).hasClass('show')) { 173 $('html, body').animate({ 174 scrollTop: finalOffset 175 }, 200, 'linear'); 176 } 177 } 178 }) 179 </script> 180</div>