Zum Inhalt springen

Mobile Banking - OKB

Title Portlet

Mobile Banking

ih-e-services-mobile-banking

ts-e-services-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.

Icon Mobile Banking App App im Apple Store öffnen

App im Google Play öffnen


Ansicht

Mobile Banking Ansicht Zahlungen

Mobile Banking Ansicht Vermögen
 


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

ca-e-services-mobile-payment

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> 
Schließen Kontakt

kontakt-pop-up

Kontaktieren Sie uns

Fehler
Rufen Sie uns an

041 666 22 11


Schreiben Sie uns

Mitteilung senden


Wir nehmen uns gerne Zeit für Sie.

Termin vereinbaren


So finden Sie uns

Standorte finden