Favicon in DataPages

[eunha]

Can we insert a new favicon in DataPages? Thank you!

[GoodBoy]

Hi! Yes, it is possible.

1. First, create an app parameter and upload your desired favicon as a file. 

 

 

2. Then, go to your DataPage and add the code below. Click the Source first before pasting the code. The "[@app:Icon/]" part should be replaced by the app parameter you just created. You may select the app parameter by clicking the field picker beside the Source button and choosing its name.

 

<link href="[@app:Icon/]" rel="icon" type="image/x-icon" />

 

Please note that the code above should be applied in the Search form header of your Report DataPage if there is any. 

[BenjaminS]

On 1/1/2022 at 3:21 AM, GoodBoy said:

Hi! Yes, it is possible.

1. First, create an app parameter and upload your desired favicon as a file. 

 

 

2. Then, go to your DataPage and add the code below. Click the Source first before pasting the code. The "[@app:Icon/]" part should be replaced by the app parameter you just created. You may select the app parameter by clicking the field picker beside the Source button and choosing its name.

 

<link href="[@app:Icon/]" rel="icon" type="image/x-icon" />

 

Please note that the code above should be applied in the Search form header of your Report DataPage if there is any. 

I tried the solution kindly provided by GoodBoy, but it doesn't work for me. Are there any other solutions out there?

[BenjaminS]

P.S. I must elaborate: the solution kindly provided by GoodBoy works, but only the first time. After you've hit finish and the favicon appears, one can delete the code. The problem is, if one is as clumsy as I was, and "uploads" the wrong favicon. The same code will not replace it the second time.

Any further suggestions are welcomed.

Disregard, it was cached.

 

[PotatoMato]

Hi @BenjaminS, you can try to use the code below:

<script>
document.head.insertAdjacentHTML('beforeend', ` <link rel="shortcut icon" type="image/x-icon" href="[@app:Favicon/]" />`)
</script>

You can insert this on the Header of your submission or report datapage. Also, make sure that you're using the ".io" file extension on your app parameter.

 

-Potato

[Kronos]

Hello just to add to this thread in case it might help.

They have a video tutorial on how to add icons on the field names:

 

[Kronos]

Here is another video that can help you format selections on your DataPages:

 

[BenjaminS]

14 hours ago, PotatoMato said:

Hi @BenjaminS, you can try to use the code below:

<script>
document.head.insertAdjacentHTML('beforeend', ` <link rel="shortcut icon" type="image/x-icon" href="[@app:Favicon/]" />`)
</script>

You can insert this on the Header of your submission or report datapage. Also, make sure that you're using the ".io" file extension on your app parameter.

 

-Potato

Thanks!