Jump to content


  • Posts

  • Joined

  • Last visited

  • Days Won


Posts posted by pwired

  1. Hi Francesco,


    Can we do the same thing in processwire?

    Yes you can do this in Processwire. This is not part of Processwire but simply part of javascript and css.

    Here is some basic use of javascript and css to achieve this:

    <script language="JavaScript">
    function setVisibility(id, visibility) {
    document.getElementById(id).style.display = visibility;

    And here is an example to open a little window like you mentioned:

    <a href="javascript:void(0);"
    NAME="My Window Name"  title=" My title here "
    Click here to open the child window


    Here is a small tutorial that shows you how you can open a little window:


    Instead of opening a small window you can also toggle hiding and showing your own div inside Processwire,
    in the example below you can replace the button with a word as you mentioned:



    • Like 1
  2. Quote

    You seem to be confused, let me help to clarify:

    Thanks for taking the effort for clarifying.


    Please stop hijacking this thread.

    I hear you, and will leave it behind of me.


    You can choose to use for your project whatever you want.

    I am already looking into the bolt cms to see if that is better choice for me.


  3. My advice is to get into the Processwire delayed output strategy, my experience is that it gives you the best code organization and flexibility.

    Yes there are many posts already in the forum about deploying and keep in sync. Just do a search for it.

  4. If it adds anything to the converstation, I have nothing against uikit, bootstrap, or whatever css framework out there. They simply exist and are there for the use how you see fit for a project or not. However none of them should end up in Processwire. Maybe I just got paranoid when I see how many likes uikit gets but in reality I don't have to worry that one day uikit get's cemented inside Processwire. I do see however a growing trend that Processwire is getting over-engineered. What happened to all the likes for Processwire getting out of your way, having nothing out of the box but only flexibility. Do those likes still exist ?

    • Confused 2
  5. Hi AndZyk,

    Thanks for your reply.


     which you have made clear multiple times . . .

    Yes you are right about that. I have to be more careful or I will end up profiled 🙂


    Although I can‘t see a reason why . . .

    Thanks for that link to how to change the admin theme to the Reno theme.
    It shines a new light for me on the matter.

    • Like 2
  6. Ok, UIkit will be there in the admin and that decision was simply made. It would be fair enough, if there was a possibility to uninstall it, to remove it, or to replace it with your own external css file.

  7. Good notice Bernhard, I wouldn't either.

    About being biased . . . every time when I hear the word "wordpress" I get a bit jumpy . . . . but hey that's just me . . . .
    About biased coders I know, they like to joke around: "watch out - Im gonna stuff your laptop with wordpress code" - lol

    If somebody looks for html themes, it only takes 5 min. bouncing over the net and you find lots of good and free themes




    • Like 1
    • Haha 1
  8. Ok,

    Thanks for your replies.

    Yes there are other typewriter scripts out there.
    Thing is I like this script because for one reason it is smart coded together in only 8 kB
    and it opens up a lot of possibilities.

    If anyone is interested in it for one of your projects, you can find it here: https://mntn-dev.github.io/t.js/
    (no affiliate, mit-license, only wanting to show cool stuff) and here: https://www.youtube.com/watch?v=39NZDe95_g0

    I contacted the coder of the script and he was kindly enough to reply and give a few solutions:
    one working solution in my main.css

    del {
        text-decoration: none;

    And guess what, now I have it working in the CKEditor body field 🙂

    Instead of overriding globally in my main.css
    I override it locally directly in the hanna code snippet
    This sets it actually to: problem solved.

    Remains the overrides not working in the quirky behaviour
    of mystyles.js and config-body.js files, see below.


    I am already happy with the solution above, but I am not satisfied yet.
    I was digging through the forum because I remembered a few posts about mystyles.js that reside in

    If you have the Button Styles enabled in the Toolbar of CKEditor,
    it should be possible to put inside mystyles.js the same override, right ?

     * mystyles.js
     * This file may be used when you have "Styles" as one of the items in your toolbar.
     * For a more comprehensive example, see the file ./ckeditor-[version]/styles.js
    CKEDITOR.stylesSet.add( 'mystyles', [ 
     { name: 'Inline Code', element: 'code' }, 
     { name: 'Inline Quotation', element: 'q' },
     { name: 'Left Aligned Photo', element: 'img', attributes: { 'class': 'align_left' } },
     { name: 'Right Aligned Photo', element: 'img', attributes: { 'class': 'align_right' } },
     { name: 'Centered Photo', element: 'img', attributes: { 'class': 'align_center' } }, 
     { name: 'Small', element: 'small' },
     { name: 'Deleted Text', element: 'del', attributes: { 'text-decoration': 'none' } }, 
     { name: 'Inserted Text', element: 'ins' },
     { name: 'Cited Work', element: 'cite' }
    ] );

    I would like to have it working there also, but it doesn't work there and I have read a few posts that
    for some reason you have to rename the file mystyles.js to make it work in CKEditor ?



    Besides the file mystyles.js there is the file config-body.js

    I tried the following in this file config-body.js

    CKEDITOR.editorConfig = function( config ) {
    	// Define changes to default configuration here. For example:
    	// config.uiColor = '#AADC6E';
            CKEDITOR.config.coreStyles_strike =
            element : 'del', attributes : { 'text-decoration' : 'none' },

    But same as with the mystyles.js here also it doesn't work with CKEditor


  9. Ok, to avoid CKEditor recognizing the typewriters <del>  </del> tags as "strikethrough" text
    I have setup a field with a name: bodytext and as a Type: "Text" so it doesn't use CKEditor.
    Under the TAB Details I selected again Hanna Code Text Formatter for this field.

    Also in this case the typewriters output text between it's <del> </del> tags, again appear as text with "StrikeThrough"

    How is this possible without CKEditor in use but only Type: Text ?


  10. Hi,

    I am using a typewriter effect for a headline text. I use Hanna Code to output the typewriter code in the body field.
    The typewriter effect is working ok. The thing is that part of the Hanna Code output is text between <del> tags.
    This is because the typewriter effect is working with <del> tags.
    The problem is that CKEditor is interpreting <del> tags as "deleted" text and now the text between these <del> tags
    appear as striked text (a line going through the middle of the text). This becomes now unwanted CKEditor behaviour
    as the text must appear not striked.

    I looked everywhere where I can modify CKEditor to make it stop text between <del> tags appear as striked text.

    Anyone know where to modify CKEditor for this or any solution for this ?


  11. Here is the snippet

            $intro = $pages->get('/intro/');
            foreach($intro->images as $image) {
            $image = $image->size(500, 350);
            $lines = $image->description;
            $words = explode(",", $lines);
            echo "<div class=" . '"da-slide"' . ">" . "\n";
            echo "<h2>" . $words[0] . "</h2>" . "\n";
            echo "<p>" . $words[1] . "</p>" . "\n";
            echo "<a href=" . '"#"' . " class=" . '"da-link"' .">" . $words[2] . "</a>" . "\n";
            echo "<div class=" . '"da-img"' . ">" . "<img src=" . '"' . $image->url . '"' . " alt=" . '""' . ">" . "</div>" . "\n";
            echo "</div>" . "\n";


    In my above example I used php explode for a title, a paragraph and links, but as you see it, you will get the idea.

    Simply add your alt description as a second word in your image description field and use php explode to echo it inside alt=" . . . "

    Your image description field will then look like this:        image description, alt description, other description, . . . . .

    Use a comma as a separator


    • Like 2
  12. Yes you can

    There is a module for this somewhere that extends the images field functions.

    But the easiest and fastest way is to use the Processwire api together with the php explode function for this.

    I have a snippet for this somewhere but cannot find it right now.

    I will post back when I find it.

    • Like 1
  13. Quote

    You select it by renaming the folder "site-blog-editorial" to "site". (The other site profile folders you may delete.)

    You are confusing Processwire beginners. They should know that Processwire automatically renames the selected installation profile to "site"
    and automatically removes the unused profiles.







  14. Quote

    I put it in site/modules ?

    This is not a module but a site install profile

    The instructions are in the README.md file inside the pw-profile-editorial-master.zip
    This is a complete ProcessWire site profile.

    It requires ProcessWire version >= 3.0.82.

    To install it, download a fresh copy of ProcessWire from https://processwire.com/download/
    and extract it into your web server folder (either root or a subdirectory, though don't forget
    to edit your .htaccess after installation in the latter case).

    Download a zipped copy of this repository https://github.com/BitPoet/pw-profile-editorial/archive/master.zip
    and extract the site-blog-editorial folder into the ProcessWire installation's root folder.

    Point your web browser at the url of your installation and follow the wizard.
    Select "Strongly Typed Travel Blog Template (Responsive)" when prompted to select a profile.


    Long story short:  simply add this blog profile to the other install profiles before you install processwire.
                                    when you start to install processwire select this blog profile





  15. Quote

    Of course there are many considerations to be taken in place when creating such a thing.

    How would you make Processwire deal with the eu gpdr ? Have you seen how you must comply ? It will be a huge overhead.
    Besides that, many people don't like phoning home and will start to have second thoughts about Processwire.


  16. Quote

    implement anonymous installation statistics

    Processwire phones home  . . .  click here If you agree . . .  don't worry . . .  no personal data will be collected . . . . . index-60.png.88d80e97c654142180696da7db967a20.png

    good luck with eu gdpr

  17. Processwire lets you make websites not the way how processwire works, but the way how you work.
    Processwire has no system restrictions and does not impose any system rules, it gets completely out of the way how you make websites.

    This is what Processwire sets apart from so many other systems out there and the reason why we love it so much.

    Frameworks like Uikit are a set of pre-styled and themeable components. If you want to build a design, that stands out,
    you end up fighting with default styles and undoing things. This in contrary to Processwire.

    So, why not chose a system that gets out of the way how you make a design that stands out, in the first place ?

    Yes I know, Uikit is great for working in a team on the accepted format for CSS, but I am sure that there are systems out there
    that both get out of the design way and are good for working in a team.

    Think about systems out there with a configurable set of utility CSS classes. Some of them even have the tools to quickly build your own.

    I rest my case.

    • Like 1
  • Create New...