59 comments found.
I want to lock the application with a single color theme so that users cannot change the color again. What code do I need to edit?
Remove style page and assets/js/color-scheme.js
If you wanted to have “theme-pink” , you can add class=”theme-pink” to body tag. Similar with any other color set theme-orange, theme-indigo, theme-red, theme-teal
Regards, Maxartkiller
OK
How can I change the animated logo when opening the index.html page?
You can replace content div with class=”logo-wallet” whole tag with your logo image.
Regards, Maxartkiller
Hello Admin. How i use dark mode on Cordova i use index.html file. can’t work.
.
You can use
<html lang=”en” class=”dark-mode”>
There is document provided in Document/document.html for color schemes and structure. <body class=”theme-purple” data-page=”style”>
Regards, Maxartkiller
<html lang=”en” class=”dark-mode”>
i try already it not workwith Cordova platform.
<!doctype html> <html lang=”en” class=”dark-mode”>
<head> <meta charset=”utf-8”> <meta name=”viewport” content=”width=device-width, initial-scale=1, shrink-to-fit=no”> <meta name=”description” content=””> <meta name=”author” content=””> <meta name=”generator” content=””> <title>Hippo Laundry</title> </head>
<body class=”body-scroll” data-page=”index”>
I checked this function of color-scheme.html after inserting <html lang=”en” class=”dark-mode”>
It appears that you still enter the “else” function.
if (getCookie(“fwalayoutmode”) === ‘dark-mode’) { $(’#btn-layout-modes-light’).prop(‘checked’, false); $(’#btn-layout-modes-dark’).prop(‘checked’, true); $(’#darkmodeswitch’).prop(‘checked’, true); html.addClass(‘dark-mode’); } else { $(’#btn-layout-modes-light’).prop(‘checked’, true); $(’#btn-layout-modes-dark’).prop(‘checked’, false); html.removeClass(‘dark-mode’); }
Okay, May be you are using colorscheme.js our color scheme changer with cookies,
You can open /assets/js/color-scheme.js and comment line 32 to if else condition ends. if (getCookie(“fwalayoutmode”) === ‘dark-mode’) {
This will solve issue, This js is for color scheme changer for our template.
Regards, Maxartkiller
OK It Work . I will try more T_T. but I want users You can choose Light/Dark mode yourself.
I would like to ask if there is a fine html page showing the components that can be used like that? .
I bought it, but there are no components to choose from, only templates.
Yes this is HTML template pages.
and You can see all pages list from left menu pages.
Regards,
How do I know if there are Class=”” I can choose from?
We create interface template where best combination of content will be represented to maintain consistency. So its not like framework component library. We have HTML template pages.
Regards, Maxartkiller
Normally I use Mobile HTML template Bootstrap 5. (HTML5 ,CSS ,Javascript)
But your template has Angular 12. I’m worried about which part to use because I don’t know how to use Angular. What part does it involve? Can’t use it or not? How?
Thank you for interaction! There are different technology framework used to create this template. But you can have all three independent so you can have bootstrap as separate folder to start with bootstrap HTML/CSS.
However who are building app with angular they will have started kit with basic pages structure in angular to quick start project. Its different folder in download file.
Regards, Maxartkiller
Support for Finwallapp Finance Wallet Mobile HTML template Bootstrap 5 Framework7 Angular 12.
What is Angular 12 used for in this template?
There are different technology framework used to create this template. But you can have all three independent so you can have bootstrap as separate folder to start with bootstrap HTML/CSS.
However who are building app with angular they will have started kit with basic pages structure in angular to quick start project. Its different folder in download file.
Regards,
What is Angular 12 used for in this template?
There are different technology framework used to create this template. But you can have all three independent so you can have bootstrap as separate folder to start with bootstrap HTML/CSS.
However who are building app with angular they will have started kit with basic pages structure in angular to quick start project. Its different folder in download file.
Regards, Maxartkiller
I would have considered buying your Mobile theme, but honestly? Your color schemes are horricly ugly. And the idea of changing them makes buying your theme a waste of time. il have to spend more time creating new color schemes then i would breaking up your theme to put my code it. Even your blue scheme is not blue… its purple… do you have color blindess ? You destroy the most functional theme buy using gradient colors.
Thank you so much for beautiful comment in details. There are many possibilities that you like but not just color palette. I recommend to view other style color options. We have variable defined colors as per theme --finwallapp-theme-color: #0038d8; you can just change color code as desired and update other colors accordingly.
Agree it will take few time. Honestly I will take this comment as part of future project improvement.
Thank you again.
In the framework example, the login.html form had input button format a link. When we change it to button type=’submit’, the submission to the page does not work. What can it be?
This is front end template in html. So for login button action you have to code it. Program it to work in respective technology you use.
Regards, Maxartkiller
in the html front of the login.html where I inform the action and the submit button, no?
Which development technology you are using ??
PHP
Should I use the HTML folder or the Framework7 folder from the package sent with purchase?
Did you embed your php code with html?
the framework7 folder is for what purpose?
That is for framework 7 template. It’s a different frontend framework. For php you have to learn framework7 + php execution.
Regards, Maxartkiller
We are unable to make the form present in login.html work. The Button does not give any action. What needs to be changed?
Here is the conference structure:
<form action=”/login/” method=”post” name=”frmLogin” id=”frmLogin”> ... <button type=”submit” class=”button button-fill button-large button-raised color-theme”>ACESSAR</button> </form>
news? there is an example of how this structure of the form and button. But nothing happens when I click on it (ACESSAR).
Which development technology you are using ??
PHP. Should I use the HTML folder or the Framework7 folder from the package sent with purchase?
html with php.
the framework7 folder is for what purpose?
That is for framework 7 template. It’s a different frontend framework. For php you have to learn framework7 + php execution.
Regards, Maxartkiller
Ok. Thank you!
we doint know how to us angular can this be in just html only
This also come with html
Hi, this template separate between HTML version/framework version?
Hello,
Each different version.
Bests, Maxartkiller
I’m facing difficulties using few features in the template, Please help.
Could you please send a mesage from our profile page? So that we can communicate and share details
Bests, Maxartkiller
Hello, I’m facing issue when I use that activate dark mode. Its not working in live.
Okay, share your link from our profile page..
The Dark Mode isn’t working after downloading, and how to change the Loading Animation Icon?
You can try with server localhost to run
Bests, Maxartkiller
how to change the Loading Animation?
Hi!
In the logo section on page: There is div with class “logo-wallet”, you can remove div and replace your logo image or any other loader. Recommended size is maximum 100px.
Bests, Maxartkiller
In your page there is no cookie generating as its showing you have added:
<sessionstate cookiesamesite=”None”> <httpcookies samesite=”None” httponlycookies=”true” requiressl=”true”>
Style code defined in /assets/js/color-scheme.js
bests, Maxartkiller
Considering the fact I don’t know much about codes.. Can you tell me how to set Dark mode by default? I’ll remove the link to change the style..
Toggle class ‘dark-mode’ on html tag
I’ve changed the names, when someone is clicking on Install App it shows finwallapp, how to change that?
Check Menisfest.json file.
Bests, Maxartkiller
Remove related chart circular code from respective js script.
Or just drop a message from our profile page with page link.
Bests, Maxartkiller
Changed Parent to <html lang=”en” class=”dark-mode”> still it does not auto-load dark mode.
if (getCookie(“fwalayoutmode”) === ‘dark-mode’) { $(’#btn-layout-modes-light’).prop(‘checked’, false); $(’#btn-layout-modes-dark’).prop(‘checked’, true); $(’#darkmodeswitch’).prop(‘checked’, true); html.addClass(‘dark-mode’); } else { $(’#btn-layout-modes-light’).prop(‘checked’, true); $(’#btn-layout-modes-dark’).prop(‘checked’, false); html.removeClass(‘dark-mode’); }
comment this from color-scheme js.
Solved, Thanks.
Waiting for v3
That’s good. We have new admin also getwindoors check it out for futuristic design.
Bests, Maxartkiller
I have been purchased all of your mobile UI. I need this admin but I need to add one feature on calendar option is it possible to add it for me? It’s very simple I have more then 3chair on a saloon/restaurant I need to book request by selecting time and on calendar it’s show daily hourly report with chair using like grid. If yes I can buy.
For more details please message us from our profile page.
Bests, Maxartkiller
How to change loading logo image
https://screenrec.com/share/J6ULboqWFdHi!
In the logo section on page: There is div with class “logo-wallet”, you can remove div and replace your logo image or any other loader. Recommended size is maximum 100px.
Bests, Maxartkiller
hello kindly can you tell me why dark mode and other color setting not working in html file
your demo is not creating cookies for dark-mode and colors.
There is home page switch for dark mode which is working without cookie by below code.
http://bubbletea5.tech/app/index.htmlvar html = $(‘html’); $(’#darkmodeswitch’).on(‘click’, function () { if ($(this).is(’:checked’)) { html.attr(‘class’, ‘dark-mode’); } else { html.attr(‘class’,’‘); } });
color-scheme.js this file contains cookie code but your demo its not defined showing.Bests, Maxartkiller
Thank you So Much how about install button not work to install pwa in html file same source http://bubbletea5.tech/app/
Pwa js file in the js folder change the absolute service url.
Bests, Maxarty
still install button not active or not doing any thing
Hi,
Please check your url in console and application tab in inspect window of chrome resolve all images errors. For example: you have change logo images in img folders but you haven’t placed it in correct size. need respective images size also.
http://bubbletea5.tech/app/assets/img/favicon72.png is actually of 192px Register URL : pwa js http://bubbletea5.tech/app/ instead http://bubbletea5.tech/app/assets/js/pwa-services.jsBests, Maxartkiller
i have gone through the demo.
can the logo and loading screen be removed when links are clicked?
i want when links are clicked, they load directly without showing the logo/loading screen each time
Yes, you can delete code for loader .it’s html css templates and you can modify it your way.
Bests, Maxartkiller
Hi i’ve bought the templeate and the styles page doesn´t work correctly in my localhost, i can´t change neither the colors nor the dark mode. Can you help me to fix it?
Hi, We have checked in our version of HTML template and localhoste, its working find. Hope your end cookies and javascript are not blocked or nor any error occuring. We can connect via skype: maxartkiller for screenshare if you would like to share. or hosted link share/send to us from our profile page.
Bests, Maxartkiller
