Disable Diamond Image Animation when starting app

Forum rules
Please note that response time for technical support is within 3-5 business days.
Post Reply
sealsra
Posts: 24
Joined: 05 Aug 2013, 16:06

05 Mar 2021, 18:09

How can I disable the "Diamond" image animation that is presented to the user when they first load the diamond app into their browser? Granted this diamond image animation only lasts for a few microseconds, but I have been asked to look into disabling that ...or possibly replacing it with another image animation.

I just started using Diamond-NG 11.0.0.

Thanks

merve7
Posts: 861
Joined: 12 Sep 2017, 10:44

08 Mar 2021, 14:46

Hi,
You can remove this animation from index.html or you can set different animation.

sealsra
Posts: 24
Joined: 05 Aug 2013, 16:06

08 Mar 2021, 17:15

I don't see where in index.html to remove that "Diamond" animation from loading. Could you please be a bit more specific?

Code: Select all

<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>Alerter UI</title>
	<base href="/">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="icon" type="image/x-icon" href="favicon.ico">
	<link id="theme-css" rel="stylesheet" type="text/css" href="assets/theme/blue/theme-light.css">
	<link id="layout-css" rel="stylesheet" type="text/css" href="assets/layout/css/layout-light.css">
</head>
<body>
<app-root>
	<div class="loader-container">
		<div class="loader">
			<div class="bottom-section">
				<div class="bottom"></div>
				<div class="bottom"></div>
				<div class="bottom"></div>
				<div class="bottom"></div>
			</div>
			<div class="top-section">
				<div class="bottom"></div>
				<div class="bottom"></div>
				<div class="bottom"></div>
				<div class="bottom"></div>
			</div>
			<div class="middle">
			</div>
		</div>
	</div>
</app-root>
</body>
</html>

merve7
Posts: 861
Joined: 12 Sep 2017, 10:44

11 Mar 2021, 16:21

Hi,
Of course, you need to remove this part;

Code: Select all

<div class="loader-container">
		<div class="loader">
			<div class="bottom-section">
				<div class="bottom"></div>
				<div class="bottom"></div>
				<div class="bottom"></div>
				<div class="bottom"></div>
			</div>
			<div class="top-section">
				<div class="bottom"></div>
				<div class="bottom"></div>
				<div class="bottom"></div>
				<div class="bottom"></div>
			</div>
			<div class="middle">
			</div>
		</div>
	</div>
loader-container and inner classes provide animaiton.

sealsra
Posts: 24
Joined: 05 Aug 2013, 16:06

13 Apr 2021, 19:24

Sorry for the late reply ... as I've been working on other things.

Wanted to let you know that your suggestion to remove the lines from the index.html fixed my issue with disabling the animation on startup.

Thank you very much.

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

15 Apr 2022, 10:16

Thanks merve7!

Post Reply

Return to “Diamond - PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest