$ for solution? Hiding multiple login windows - worked well but now doesnt ;^/

[roattw]

Was usuing the how to Hide Multiple logins method successfully for some time

https://howto.caspio.com/tech-tips-and-articles/common-customizations/hiding-multiple-login-forms/

 All of a sudden it doesnt work and I cant find the issue:  https://www.ucemcme.com/faculty/

Authentication has i the header  

<div name="cb-auth-box">

and  </div> in the footer as it always has.  

Each report embed on this page is embedded via CB on Squarespace page and under each of the embeded script code for the DP I have the correct hide script:

<script>

if(document.getElementsByName("cb-auth-box")) {
var v_box = document.getElementsByName("cb-auth-box").length ;
for (i=1; i < v_box; i++) { document.getElementsByName("cb-auth-box")[i].style.display = "none" ; }
}

</script>

Obviously something has changed, but I cant find it.  Reasonable fee for the answer ;^)

[thirdcharm]

Hi roattw,

You can check the article: https://howto.caspio.com/tech-tips-and-articles/common-customizations/hiding-multiple-login-forms/

1. For step 6 in the howto article, add the following code after "</div>" inside your Authentication's footer.

<script>
hideAuth();
</script>

2. For step 7 in the howto article, follow the same steps but use the updated script below.

<script>
function hideAuth(){
  if(document.getElementsByName("cb-auth-box")){
  	var v_box = document.getElementsByName("cb-auth-box").length ;
  	for (i=1; i < v_box; i++) { document.getElementsByName("cb-auth-box")[i].style.display = "none" ; }
  }
}
</script>

This should resolve your issue.

[Vitalikssssss]

Hi roattw,

You should place each report within single CB in Squarespace and paste the script from the article below Datapages deploy code. 

This should resolve the issue.

Regards,

@Vitalikssssss

 

[roattw]

Hi Vitalik.  Thanks for the reply!

Unfortunately, that does not work either. 

https://www.ucemcme.com/faculty2/

Odd why all of a sudden it has stopped:  

[roattw]

Um, we have a winner!  Caspio needs to update their documentation, sheesh.

[roattw]

Um, Caspio, can you put that URL back?

https://howto.caspio.com/tech-tips-and-articles/common-customizations/hiding-multiple-login-forms/

 

[douvega]

This is the current link:
https://howto.caspio.com/authentications-and-connections/authentication/hiding-multiple-login-forms/

[roattw]

Ironically that does not work.  I had to use thirdtimes alteration to get it to work.

[TheVillaEscape]

I to have same problem 

[MayMusic]

The article is updated with new code:  https://howto.caspio.com/authentications-and-connections/authentication/hiding-multiple-login-forms/

[roattw]

Hi MayMusic!  Im not sure its current though - or works.   Thirdcharm's code was shorter, more concise, and worked:

<script>
hideAuth();
</script>

 

<script>
function hideAuth(){
  if(document.getElementsByName("cb-auth-box")){
  	var v_box = document.getElementsByName("cb-auth-box").length ;
  	for (i=1; i < v_box; i++) { document.getElementsByName("cb-auth-box")[i].style.display = "none" ; }
  }
}
</script>

The one on the How To is more verbose and I couldnt get it to work.  I think they have some version confusion (?)

<script>
  var v_dpTotalCount = 3;
  var v_dpCounter = 0;
</script>

and

<script type="text/javascript">
document.addEventListener('DataPageReady', function (v_e) 
  {try{document.getElementsByName('cb-auth-box')[v_dpCounter].style.display = "none";}catch(v_e){}
    v_dpCounter +=1;
	  if( v_dpTotalCount <= v_dpCounter) 
     {if(document.getElementsByName("cb-auth-box")) 
        {var v_box = document.getElementsByName("cb-auth-box").length-1 ;
	       for (i=0; i < v_box; i++) { document.getElementsByName("cb-auth-box")[i].style.display = "none" ; }
		try{document.getElementsByName("cb-auth-box")[v_box].style.display = "” ;}catch(v_e){}
	       }
	    }
	 });

</script>

 

[roattw]

TheVillaEscape.  Try ThirdCharms more abbreviated version.  It worked for me.