Serenity Theme - No effects on Button or Menu

Post Reply
zornic
Posts: 25
Joined: 09 Dec 2017, 10:12

18 Dec 2017, 17:32

Hello Guys,

I hope you can help me, we've bougth the Theme Serenity an Import all Files in an exisitng Project. But we've no effects ob Button's or in the Menu.
I've importet this two css Files in the Project as described in the documentation.

Code: Select all

~/ClientApp/assets/theme/theme-blue.css
~/ClientApp/assets/layout/css/layout-blue.css

kukeltje
Expert Member
Posts: 8981
Joined: 17 Jun 2010, 13:34
Location: Netherlands

02 Jan 2018, 13:54

there is a .js file you need to include as well for this. Check the xhtml template that comes with the theme.
Ronald van Kuijk
______________________________
PrimeFaces 6.1, PrimeFaces plus 0.0.2 | JbossWildfly 10.1| Mojarra 2.2.13
Fedora 61, Firefox 'most recent'
Read the forum posting rules
Beginners: https://jsf.zeef.com/bauke.scholtz

zornic
Posts: 25
Joined: 09 Dec 2017, 10:12

02 Jan 2018, 14:02

I haven't a js file and in an donwloaded "serenity-ng-5.0.0" Version can't find a js file or an "xhtml"

index.html

Code: Select all

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Serenity - PrimeNG</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/theme-bluegrey.css">
        <link id="layout-css" rel="stylesheet" type="text/css" href="assets/layout/css/layout-moody.css">
    </head>
    <body>
        <app-root>
            <div class="splash-screen">
                <div class="splash-loader-container">
                    <svg class="splash-loader" width="65px" height="65px" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
                       <circle class="path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
                    </svg>
                </div>
            </div>
        </app-root>
    </body>
</html>

cagatay.civici
Prime
Posts: 17849
Joined: 05 Jan 2009, 00:21
Location: Cybertron
Contact:

04 Jan 2018, 13:36

Do you mean ripple effect?

zornic
Posts: 25
Joined: 09 Dec 2017, 10:12

04 Jan 2018, 16:17

Yes, in the Doku is it not decribed

cagatay.civici
Prime
Posts: 17849
Joined: 05 Jan 2009, 00:21
Location: Cybertron
Contact:

02 Feb 2018, 14:53

Try with 5.2 which will be release today, it reimplement ripple.

zornic
Posts: 25
Joined: 09 Dec 2017, 10:12

03 Feb 2018, 11:12

Where i can download the new Version??????

In the PRIMESTORE is not possible to download the new Version:

Image

cagatay.civici
Prime
Posts: 17849
Joined: 05 Jan 2009, 00:21
Location: Cybertron
Contact:

09 Feb 2018, 12:11

It is released on 4th of february.

Post Reply
  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest