ukyo

I like big titles on backend and navbar, reno style is better than old one, nice work @ryan ! @ryan @adrian @teppo @maxf5 I have a forked repo for AdminThemeUikit admin theme : https://github.com/trk/AdminThemeUikit/ following @ryan changes and applying changes to my repo. I separated less files and organized these less files for more flexibility, and removed uikit folder added nodejs package.json with dependencies. For modify and customize AdminThemeUikit firstly we need to add less @variable for each class property. On this https://github.com/trk/AdminThemeUikit/blob/master/theme/less/styles/reno.less file, as you see, variables specific for @reno theme, not useful for styling AdminThemeUikit theme. Less @variables must be global for styling. // Currently @reno-text-color: #354b60; @reno-link-color: #e83561; @reno-link-hover-color: darken(@reno-link-color, 10%); @reno-dark-background: #1C2836; @reno-muted-background: #f0f3f7; @reno-muted-text-color: #8d939e; @reno-muted-text-color-alternate: #6c8dae; // Must be @theme-text-color: #354b60; @theme-link-color: #e83561; @theme-link-hover-color: darken(@reno-link-color, 10%); @theme-dark-background: #1C2836; @theme-muted-background: #f0f3f7; @theme-muted-text-color: #8d939e; @theme-muted-text-color-alternate: #6c8dae; My work structure for multiple styled themes: theme.less includes main html structure and styles, uikit (this is not main uikit files) folder includes uikit modifications (customizations for uikit), style- prefixed files have only variables with different values for styling theme. I am importing theme.less file from style- prefixed files and compiling style-prfixed-file.less for css output for each style. Structure like i use or structure like uikit use will be better for create your own style, just duplicate existing one and change variables (padding, margin, colors, etc...) without need to modify classes. If we need custom classes, we can use it like : @style = default; // Import Style @import (optional) "style-@{style}.less"; // Style based & when (@style = one) { apply for style one } & when not (@style = one) { apply when @style not equal to style-one }

You can upload your site files after zip, via scp also scp local_site.zip runcloud@server-ip-address:webapps/your-web-app-path/ If you read documentation, database section you can see the answer : https://runcloud.io/docs/server/database.html#rc-docs-scroll You need to add 3306/tcp port, like here. after add port to your firewall settings, you can connect your database with your server ip from anywhere. You can use Sequel Pro app for connect to your database. After you done with database, don't forget to remove 3306/tcp port!

I will update module with latest phpFastCache (v6). I think this update will come next month.

I see your migration examples here : https://github.com/LostKobrakai/Migrations/tree/master/migrations I was test these files directly https://github.com/LostKobrakai/MigrationSnippets its ok now.

Getting class does not exist error for migration files on ProcessWire 3.0.62 Tested migration files : https://github.com/LostKobrakai/MigrationSnippets I also added namespace ProcessWire to migration and module files but result is same. What i need to do ?

@MadeMyDay can you check my issue report https://github.com/MadeMyDay/PageTableExtended/issues/25 ? I have a fix and an exchangement, using and testing module with these changes.

You can use strpos() function

After @ryan broke my hearth here i added uikit icon support to my font icon picker module v.0.1.6 Fix FieldtypeFontIconPicker sanitizeValue() v.0.1.5 Added uikit icon select support (required AdminThemeUikit), because uikit icons not working standalone.

You have an option, don't call getScriptMulti(); function. <?php if(modules()->isInstalled('MarkupGoogleRecaptcha')) { echo modules()->MarkupGoogleRecaptcha->getScriptMulti(); }; ?> Write your own javascript by referencing getScriptMulti(); function. public function getScriptMulti() { $return = "<script type=\"text/javascript\"> var onloadReCaptchaCallback = function(){ jQuery('.g-recaptcha').each(function() { var _this = jQuery(this); var recaptchaID = _this.data('id'), hl = _this.data('hl'), sitekey = _this.data('sitekey'), theme = _this.data('theme'), type = _this.data('type'), size = _this.data('size'), index = _this.data('index'); if(recaptchaID !== undefined) { var recaptchaWidget = grecaptcha.render(recaptchaID, { 'hl' : hl, 'sitekey' : sitekey, 'theme' : theme, 'type' : type, 'size' : size, 'index' : index }); grecaptcha.getResponse(recaptchaWidget); // grecaptcha.reset(recaptchaWidget); } }); }; </script>"; $return .= "<script src='".self::SITE_RECAPTCHA_API_URL."?onload=onloadReCaptchaCallback&render=explicit' async defer></script>"; return $return; }

You can get language value for each language field by using $page->getLanguageValue(language, field); foreach($languages as $language) echo $language->name, " : " , $page->getLanguageValue($language, 'title') , "<br/>"

* translations updated to ProcessWire 3.0.55-dev-286

* updated : PhpMailer 5.2.23

I don't want to convert this topic to codekit or not question. With npm + gulp + bower its easier than codekit on my side. I have a skeleton gulpfile.js `gulp dev` and `gulp production` or `gulp watch` command is enough for compile files and run prepared tasks. Here is an example of gulp file : https://github.com/gulpjs/gulp#sample-gulpfilejs prepare your source and destination folder and run tasks. My development folder structure : Destination point is : site/templates/dist Anyway, every developer has different work structure. This is mine

Codekit is a good tool for web development and i was an old codekit user. I started to use npm + gulp + bower, now this is better solution for me.

I have a pull-request for this module, pull-request adding multi language support to reCAPTCHA and multiple usage on one page. You can see usage on screenshot. For set reCAPTCHA language, (reCAPTCHA Language Codes) : <?php if(modules()->isInstalled('MarkupGoogleRecaptcha')) { echo modules()->MarkupGoogleRecaptcha->render($lang = "en"); }; ?> For multiple reCAPTCHA usage, after all form render, call multiple usage script : <?php if(modules()->isInstalled('MarkupGoogleRecaptcha')) { echo modules()->MarkupGoogleRecaptcha->getScriptMulti(); }; ?>

Great to see uikit framework with processwire admin panel. Great job @ryan ! I have a question for you. Do you think to write a (uikit) icon picker admin panel, like font-awesome icon picker ? if your answer is yes for this question, can you make it compatible to use this icon picker with page editor also ?

For caching children or paginated pages you can use a solution like this. <?php $children = $page->children("limit=10"); $cacheName = 'MyCache_children' . (string) $page . (string) $children; // If you have multilanguage website you can add (string) $user->language to your cache name // $cacheName = 'MyCache_children' . (string) $page . (string) $user->language . (string) $children; $cacheExpire = "parend_id|id=" . (string) $children . "|" . (string) $page; cache($cacheName, $cacheExpire, function() use($children) { $output = ""; foreach($children as $item) $output .= "<h2>$item->title</h2>"; return $output; });

v.0.1.4 : Fix issue FontIconPicker inside repeater

v.0.1.3 : FontAwesome updated to 4.7.0

* updated : PhpMailer 5.2.22

* updated : PhpMailer 5.2.21

* updated : PhpMailer 5.2.19 module updated also in githup repo and module directory

I updated my module on my local works, didn't update repo yet. I will update module as soon as possible.

@horst Step by step what i made : 1- removed module folder completely and copied downloaded module (from github) files to module folder 2- i replaced @adrian codes 3- Admin > Modules > Refresh 5- uploaded images to page 4- when i over mouse to my crop variation button there is no preview image for cropped version 6- after save page i can see cropped image on preview, when i hover crop variation button

@adrian @horst I test this replacement on my side and tried to upload images by using CroppableImage3 input and there is no error, but i don't know is there a side effect ?