Piranha CMS uses Bootstrap 4.1.1 out of the box. The question is just this, is there any opportunity to use other css framework? I mean to use it in client part of the project. I understand that it's possible to customize WYSIWYG editor to use any classes from any css framework, but in preview in manager module of Piranha CMS one will not see correct page view as cms uses Bootstrap 4.1.1.
As Piranha is a decoupled CMS you can use any css framework you want in your client application. The wysiwyg editor in the Admin UI can be styled with custom style sheets, but the concept here is not to mimic 100% the front end application, rather give the editor a good hint of what he/she is doing.
When you click preview in the admin it will actually open a new page that contains an iframe with the actual site, so here the editor will see the actual layout of the content.
Best regards
Related
Currently creating some Gutenberg blocks, and some of them will have a fairly standard admin interface (no need for much/any custom css).
Are there any reference materials for using the core WP Admin styles to build component interfaces? This is for the admin area only, I've had a look and the only references I've found online are quite dated (pre-Gutenberg).
The tutorial "Building a custom block editor" in the Developer Docs may be a good place to start. This tutorial takes you through building your own "block editor" and uses all the common modern UI components. You could expand on this tutorial to create your Admin UI/settings page for your plugin/global settings.
Alternatively, if you are looking to add controls specific to your blocks in the Block Editor UI, the Settings Sidebar might be of interest as well as the creating a Sidebar tutorial. This helps maintain a consistent UI experience for Users if the settings are per block.
If I was creating a custom WP theme using ZURB Foundation, but my client needed a page builder to help build pages and/or posts in the future (say it's for a photographer who constantly posts photos in a structured grid), would it be poor practice to combine using a CSS framework and Page Builder? Is there any forks of Page Builder that have implemented a popular CSS framework (Bootstrap, ZURB Foundation)?
I am using Pagebuilder with a Foundation6 Framework. Works like a charm, as PB overrides styles and is responsive out of the box. But you can easily add new widgets. I combined the custom widgets (with F6 styles) and the original PB Widgets. So i got a perfect install.
you can get started here: https://siteorigin.com/docs/widgets-bundle/getting-started/creating-a-widget/ I really recommend to download the example files from github which are found here: https://github.com/siteorigin/so-dev-examples
good luck ;) If you need support for custom F6 Widgets tell me :)
All the best
What is the difference between using the WYSIWYG module pointing to the CKEditor library and using the dedicated CKEditor module.
We currently use the WYSIWYG module with TinyMCE.
The answer seems to be that with the Wysiwyg module, you get an interface for which buttons appear in the profiles, whereas with just CKEditor, you don't? Or at least it's not obvious where choosing which buttons appear happens in the CKeditor module. http://drupal.ckeditor.com/ has some documentation on the subject, which says you can change the buttons.
http://drupal.org/node/606404 for some background on why CKEditor and Wysiwyg are separate efforts (though you can use CKEditor just fine with Wysiwyg).
I'd be inclined to stay with Wysiwyg so that you can swap out editors (that is, the JavaScript libraries for them) without having to swap out Drupal modules.
The CKeditor module gives you have much more granular control around where the editor windows appear, user role level permissions and the buttons available for each. The WSYIWYG API just allows for basic on/off configuration of editor windows for text fields across the whole site. Button profiles are based around input types (filtered & full HTML). The advantages of the API module is that it's not limited to just one editor (there's 10 or so) and really easy to configure.
The Ckeditor module is more difficult to configure and certainly not for most implementations, but very nice to have this module available if you require that level of control.
From my experience, using the Wysiwyg module was a better decision.
In some special cases (mainly when the editing was inside of an Ajaxed page), using ckeditor was a bad chioce.
When using the Wysiwyg, replacing the editor itself wasn't a hard task, which solved several problems very fast.
Therefore, for future situations you might not even think of now - use the Wysiwyg module.
Using the WYSIWYG module will allow you to fairly easily switch to another editor if you find one you prefer (or if new ones come onto the market).
RE: WYSIWYG module using CKEditor library vs CKEditor module
I found the former only allowed the following toolbar;
(source: johnathanthwaites.info)
Later had much more like font colour, flash embed, spell check etc.
(source: johnathanthwaites.info)
Have done a full explanation here;
Link to CKeditor
I have used the CSS Friendly menu in one of my projects and have found it great, however I have 2 different areas in the same project and would like to use the CSS Friendly menu in just some of my pages.
How can I prevent all other menus from using the Css Friendly menu dll?
Thank you
Josimari
There's a propery that the CSS Friendly adapters look for called "AdapterEnabled". If you add this to each control you don't want to use the CSS Friendly adapters and set it to "false" then they should render using the standard framework method.
I want to style the asp.net membership login control and I am too lazy to handcraft a professional looking one.
I couldn't find ready made css styles for the login control. Are there any available on the web?
The easiest thing to do would be extend the look of your current style sheet. More than likely any style sheet found on the web would look out of place in the context of your site.
That being said if you want a clean looking starting point with a lot of good built in styles take a look at Google Blueprint specifically their form demo page.