Loading Indicator Upgrade from V8 to V14

Flow
1

Hi,
V14.3.4 OSGi compatabilty mode

In V8 I was using style

.v-app-loading::before {
	background: url(my-custom.gif) no-repeat center center;
	position absolute;
	top: 0;
	left:0;
	width:100%;
	height:100%;
}

In V14 I have tried

<custom-style>
	<style>
		.v-app-loading::before {
			background: url(my-custom.gif) no-repeat center center;
			position absolute;
			top: 0;
			left:0;
			width:100%;
			height:100%;
	</style>
</custom-style>

At present the browser shows the loading indicator as diplay:none.

What do I need to do to have this gif displayed as the loading indicator?

2

Hi Paul, have you had a look at the [documentation section]
(https://vaadin.com/docs/flow/advanced/tutorial-loading-indicator.html) for the loading indicator in V14? :slight_smile:

It has some useful examples.