• Content count

  • Joined

  • Last visited

Community Reputation

168 Excellent

About theo

  • Rank
    Sr. Member

Recent Profile Visitors

948 profile views
  1. theo

    @MarcoPLY I have no idea. I've never used it in this way (resizing the linked image). Can you try to see what's going wrong? I've no time atm. Thank you!
  2. Hello If you like, you can now download a demo of this "setup" or "snapshot". I think it's "ready enough" to try it and to see what you think. Donwload this installer file (Duplicator), put it in a web root and rename it to "installer.php" Put this zip in the same web root Call <yourweb>/installer.php and follow the instructions. An empty MySQL Database is required. If everything went smooth, you can log in as "admin" under /processwire using password: agu3j$Fh832a Then edit "home". You can add, delete, move, resize, dialog-edit and inline-edit the items (colums). At the bottom of the page, you will find "Grid Settings". There you can define which breakpoint will be changed when using wysiwyg resizing. This may be confusing if you change a breakpoint which does not correspond to your current screen width, because nothing happens visibly. You can hover over each element to quickly see the column settings. Some basic understanding of the Boostrap 4 Grid System is recommended (Link provided in the dialog). If you would like to change the german text in the demo, just select "Deutsch" where you see "Default" in the backend nav (AOS Feature). This demo is not about "stunning" design, it is kept as simple as possible showing the options which are there. If you would like to change the design, there is package.json in the root folder which should install everything you need. "npm install" is your friend. In "/site/templates/scss/shared.scss" is the sass-code shared by front- and backend. There would a be lot more to say, but I think this is enough for the moment. It's a demo, don't use it for your customers atm. Have fun!
  3. theo

    @MarcoPLY It is all written in the README. ImagePicker stores an URL not an image object.
  4. Things are slowly stabilizing and I am thinking about releasing a "Preview" Version this or next week. Since it is a "setup" and not only a Module I would like to make the entire demo-site downloadable using Duplicator for example. Duplicator has it's own setup procedure, so this should be easy for everybody. My question is about legal stuff. Is it OK to include the wire folder (PW 3.0.105) and modules like AOS etc. in a downloadable Duplicator Zip File? Thank you.
  5. Hi Bernhard, What I am trying to make, is just another field-type. The idea is, to give an area to the "editor-user", where he can freely choose and place the content blocks he needs (from the ones you offer him). CSS (SASS) is mostly done by the admin (you or me). There is a part which the bs4grid field handles. This is the main "row" and all the container "cols" which are moveable and resizable. The content HTML of these is simply added via templates which you can add or remove. Such a template PHP looks like (grid_card.php) <?php namespace ProcessWire; echo '<div class="card">'; if ($page->title) echo '<div class="card-header">'.$page->title.'</div>'; if ($page->image && ($page->card_img_types=="1" || $page->card_img_types=="3")) echo '<img class="card-img-top" src="'.$page->image->url.'" alt="'.$page->image->description.'">'; if ($page->image && $page->card_img_types=="3") echo '<div class="card-img-overlay">'; if ($page->body) echo '<div class="card-body">'.$page->body.'</div>'; if ($page->image && $page->card_img_types=="3") echo '</div>'; if ($page->image && $page->card_img_types=="2") echo '<img class="card-img-bottom" src="'.$page->image->url.'" alt="'.$page->image->description.'">'; if ($page->footer) echo '<div class="card-footer">'.$page->footer.'</div>'; echo '</div>'; ?> I personally have no intention to make it "all purpose". I will be happy when it works for Bootstrap 4. That said, I'm not very familiar with other CSS Frameworks. A big difference to the new CSS Grid is certainly, that the column definitions of BS are part of the HTML (class attributes, sort of inline) where the CSS Grid has to be defined in the style part outside the HTML. No sure if you were interested in this kind of information. I'm still playing with it, there is not much theory behind.
  6. I'm still working on it. The screenshot shows: Nested groups "New row" elements Vertical alignment Grid settings Embedded Youtube Video Card options Background color for text elements
  7. theo

    Looks normal here (FF 60.0.1) but it's getting a total mess when zoom is > 100% in a "in-between-size".
  8. theo

    Looks like a JQuery issue. A conflict with other parts of JS? What is "latest version"? 3.0.98 or 3.0.104 or2.8.62 ? Issue reports go here But you should probably wait for some more opinions, it might be as well a problem at your side.
  9. theo

    I had this kind of problems when trying to save hanna codes (TextformatterHannaCode). My host then disabled some security rules. After that it worked.
  10. @dragan Thanks, but this ist PHP, right? I need JS. But I think this seems to work afaics now. $("#submit_save").bind("click", function() { alert('beforesave'); return true; }); Thank you.
  11. Hello Is there a way for a module to get an event via JS/JQuery when (actually before) a Page is saved? For example for showing an alert like "There are unsaved changes" or saving these changes automatically (Ajax)? Thank you.
  12. @dragan Yes, I've tested this before, then disabled Tracy, AOS and stuff. Then I remembered ChromePhpLogger and disabled this one. The latter helped. Could be some recursion / stack problem? The problem is gone for now, but It is a little scaring, as I have no indication about what went actually wrong. It might happen again?
  13. EDIT: It seems that uninstalling ChromePhpLogger helps in this case. But still, this is a general issue imho (Memory?). I think it is not directly a problem of ChromePhpLogger. Thank you.
  14. @flydev No, I can't see any error in /var/log/apache2/error_log. Only access_log has an entry (normal). Thank you.