Question before purchase // The pro version includes the current theme?

uwnyuD Monday 22nd May 2023, 18:37:03

The pro version includes the current theme of this site, can I set it to my own site?

I mean the layout of the page. Or is it a custom css that I can't get?

Replies 6

SurveyBuilder-Admin Monday 22nd May 2023, 23:43:12

This is a funny tactic, the "theme switcher" is just using bootswatch themes, do you can just download that for any extra themes. You can also customize it however you like in the themes folder. Overall the Pro / Free version both have this theme by default. You cannot use your "current" webpage style unless you overwrite it.

Software engineer, creates plugins for Flatboard, checks source codes, and answers any software errors questions and contributes on the GitHub page as well

uwnyuD Tuesday 23rd May 2023, 07:52:45

I pointed to this website theme used by flatboard.org here.
Is it possible to set this simply or do I have to write the css?

SurveyBuilder-Admin Tuesday 23rd May 2023, 12:55:30

I am sorry, I am not understanding the question. So I am assuming your asking Is it possible to set this sample or do I have to write the css? The theme that flatboard is using is just bootstrap.
Solutions:
1. You can use the theme by using the link path for stylesheet.

<link href="{link-to-flatboard-theme-css-path}" rel="stylesheet"/>

and

<script src="{link-to-flatboard-theme-js-path}"></script>

2. You can write your own.

I recommend writing your own, since it would just be a lot easier to build.

Last modified by Fred on Tuesday 23rd May 2023, 22:32:00

Software engineer, creates plugins for Flatboard, checks source codes, and answers any software errors questions and contributes on the GitHub page as well

uwnyuD Tuesday 23rd May 2023, 13:18:48

I want this. but how can i find this css path for the site?
I tried with the ones in the css directory but nothing changed (I deleted the webcache and my cache)

/theme/bootstrap/assets/css/bootstrap.css

is the same on my page and on the page here and nothing has changed.

Last modified by Fred on Tuesday 23rd May 2023, 22:30:00

SurveyBuilder-Admin Tuesday 23rd May 2023, 18:46:07

File path is this:
CSS:

flatboard\theme\bootstrap\assets\css\main.css and flatboard\theme\bootstrap\assets\css\dashboard.css

JS:

flatboard\theme\bootstrap\assets\js\flatboard.js

Last modified by Fred on Tuesday 23rd May 2023, 22:26:00

Software engineer, creates plugins for Flatboard, checks source codes, and answers any software errors questions and contributes on the GitHub page as well

Fred Tuesday 23rd May 2023, 22:41:19

Hi, the flatboard theme is not included in the pro version.
It demonstrates that you can customize your theme quite easily based on Bootstrap.

Open

theme/boostrap/header.tpl.php

and replace this code:

	<?php 
		$destination = THEME_DIR. $config['theme'] . DS . 'assets' .DS. 'css' .DS;
		$css = 
		array(
	        $destination. 'bootstrap.css',
	        $destination. 'main.css',
	        Plugin::hook('css', $out['self']),
	    );   
		echo Asset::Stylesheet($css, $destination, 'style.min.css'); 		
	?>

By the code given by SurveyBuilder-Admin just above 😉
In the code given in header, Flatboard minifies the stylesheets!

Last modified by Fred on Tuesday 23rd May 2023, 22:43:00

Before ask a question, read the documentation.

🎉 Featured as #1 product of the day on Product Hunt

Please like in alternativeto.net 👍🏻

╰☆╮Flatboard╰☆╮ is a open source and community contributions are essential to project success!

<TextField>, my new CMS project designed by a passionate developer, for developers!

My last project Fast⚡︎CMS, a Flat-File cms.

I am currently busy 😫.