rick

Under the Code/File organization, it would be helpful to explain ProcessWire best practices for using: A single stand-alone process module. More than one process module (required = array(other modules)). Including a stand-alone class or interface in process modules. ... Just thinking out loud.

I like the site. A couple of things that might be an issue is I can't scroll the screen (no scrollbar in chrome) and the initial load time is long. After that everything works great. Nice design.

Hi @bernhard, I like the first two options; Building a custom admin page (your post here, and @abdus tutorial), and Building a module with multiple pages and buttons. They sort of go together from an application point of view. You could incorporate real world examples, such as a help desk ticket system, or polling multiple email providers. I'm thinking more along the lines of how a user would go about creating the components, rather than the actual application itself. For example, let's use a help desk project. Some components would be: a toolbar with options to filter the content listed in an admindatatable by department, assigned person, severity, etc. Currently ProcessWire likes a vertical orientation rather than using the horizontal screen real estate. selecting from the resulting list an item to view greater detail - multiple pages. Abdus touched on this in his tutorial. selecting one or more checkboxes to perform some group action, such as changing the status, or even deleting those entries. periodically polling an endpoint to update the entries in the admindatatable (ajax retrieving new tickets, change of status, etc.) I don't want to make this overly complicated for your article, nor take too much of your time. I just notice that more people are posting about individual parts of similar scenarios and think it would be a great reference for everyone. I certainly appreciate the time you, and others here, are giving to the community. I look forward to whatever article you write on Friday!

Hello @flashmaster, First thing that caught my eye, you should edit your post to remove the database password. This appears to be a stand-alone php script designed to restrict access to specific pages, and not one normally associated with ProcessWire. ProcessWire has it's own built-in functions and supporting modules for governing access to pages or by certain roles, etc. Have a look: https://processwire.com/talk/topic/15261-best-method-for-restricting-page-access/ Or Adrian's excellent module https://processwire.com/talk/topic/11499-admin-restrict-branch/ The point is that you don't need to spend time converting a script to work with ProcessWire, when ProcessWire has the features either built-in or readily available. And should you have any questions the support forum is the place to be.

Same experience. Great alternative when a client balks at using paypal.

Yeah, @arjen, I've been bangin' my head against the keyboard all weekend that I've got QWERTY imprinted on my forehead. @adrian, This worked. Thank you. I had looked at your admin actions reference from another thread, but didn't want to use a form, so I passed on it because there was one other thread where ryan had replied with using form or wrapper or whatever else... I assumed a form was not required. So basically all those other threads have incorrect information in them, or that information only works with very old versions ProcessWire.

Thanks @adrian. I will try this approach again (Your reply in a previous topic I found) and report back.

Hello all, I am creating a simple ProcessModule to better understand ProcessWire itself, but have stumbled in my attempts. Here is a sample scenario: I would like the processmodule interface to have two tabs, one for an overview and the second for details. Both tabs contain two comboboxes where the user can select options. A 'refresh' button to update the display with the currently selected options. I will add the form to process the combobox selections when I get the tabs to work (unless this is out of order). I cannot seem to create the two tabs. I have tried the many examples present in the forum comments for similar subjects without success, referenced different source files, such as ProcessPageEdit, etc., a numerous existing module source code. The latest 'simplified' attempt from my most recent forum search results is as follows: ProcessExample.module class ProcessExample extends Process implements Module, ConfigurableModule { ... public static function getModuleInfo() { return array( 'title' => 'Process Example', 'version' => 001, 'summary' => 'Sample Interface.', 'autoload' => false, 'singular' => true, 'permission' => 'page-edit', 'requires' => 'ProcessWire>=3.0.42', //'useNavJSON' => true, //Yes, I tried duplicating processpageedit without success ); } ... public function init() { $this->wire( 'modules' )->get( 'JqueryWireTabs' ); parent::init(); //$this->modules->get( 'JqueryWireTabs' ); // Neither position (before/after init) works. } ... public function ___execute() { $out = ''; $out .= "<div id='{$this->className}-tabs'>"; $out .= " <div id='{$this->className}-tab1'>Tab1</div>"; $out .= " <div id='{$this->className}-tab2'>Tab2</div>"; $out .= "</div>"; return $out; } ProcessExample.js if($("#ProcessExample-tabs").size()) { $("#ProcessExample-tabs").WireTabs({ items: $("#ProcessExample-tab1, #ProcessExample-tab2"), id: 'ProcessExample-tabs', rememberTabs: 1 }); } There are no errors shown in the console, notices (except those darn css map references), or logs when executing the above. The output displays as follows: This is the resulting script references in the <HEAD> section: <script type='text/javascript' src='/example/wire/modules/Jquery/JqueryCore/JqueryCore.js?v=1510330240'></script> <script type='text/javascript' src='/example/wire/modules/Jquery/JqueryUI/JqueryUI.js?v=1510330240'></script> <script type='text/javascript' src='/example/wire/modules/Jquery/JqueryWireTabs/JqueryWireTabs.js?v=1510330240'></script> <script type='text/javascript' src='/example/site/modules/example/ProcessExample.js?v=1-1511168979'></script> <script type='text/javascript' src='/example/wire/modules/Process/ProcessPageSearch/ProcessPageSearch.js?v=106-1510330240'></script> <script type='text/javascript' src='/example/wire/templates-admin/scripts/inputfields.js?v=14k'></script> <script type='text/javascript' src='/example/wire/templates-admin/scripts/main.js?v=14k'></script> <script type='text/javascript' src='/example/wire/modules/AdminTheme/AdminThemeDefault/scripts/main.js?v=14k'></script> <script type='text/javascript' src='/example/wire/modules/Jquery/JqueryUI/panel.js?v=1510330240'></script> <script type='text/javascript' src='/example/wire/modules/System/SystemNotifications/Notifications.js?v=12'></script> Surely I am missing something simple, and hope better trained (and less tunnel vision) eyes can provide insight.

Very nicely done! Only thing I would add is <noscript>. By default I have all scripts off until I am certain of the site I visit, so an empty page is initially displayed with no indication of js/cookie requirements.

+1 for Stripe. They allow recurring payments also. There is a module (haven't used) that supports Stripe. I'd post a link but the modules site is also experiencing these slow-downs. Sorry.

All of the resources, css, js, images, and fonts are taking quite a while to load. What type of hosting service is this site using, shared? I am not familiar with modernizer. Can you temporarily disable it and see if that helps any? I'm just thinking out loud about eliminating a possible cause one at a time.

Many of the images are taking a long time to load, for example,1021701976_1-1.1140x760.png takes 12.64 seconds. You can add setlocale(LC_ALL,'en_US.UTF-8'); to your /site/config.php to remove that error. Use whatever locale is appropriate for you. [edit] You can use the browser dev tools > network tab to determine loading issue. It will help eliminate that issue should others exist.

Going back quite a few decades, an online document used heading tags (H1...H6) to represent the various parts of that document, and is usually shown similar to an outline format. The <title> tag in html was used as the name of the document for search purposes -- Think of a Thesis title. As such, H1 usually represented each part's title (like a chapter title), while subordinate headings represent the different outlined segments. All search engines back then started with this foundation, and they all currently maintain the ability to extract the desired information from this structure. A number of enhancements were made to tags, specifically the title parameter. For example, <H1 title="This is a brief description of the introduction text for search purposes">Introduction Text</H1> Most every html element makes use of the title attribute, but it is more important for heading elements. It is also used with the newer <article> and <section> tags. So basically, you wind up with something like <html> <head> <title>How to setup payment gateways</title> </head> <body> <h1 title="Configuring your software to utilize various payment gateways">How to setup payment gateways</h1> <p>Somewhere in this text, and before the next heading level, you should address the Heading title attribute text.</p> <h2 title="Installing the payment gateway">Installation</h2> <p>Again, for seo purposes, you should ensure your heading title text is addressed in the content section for the current heading.</p> <h3 title="...">Step 1...</h3> <p>Step 1 instructions.</p> ... <h2 title="...">Quick Setup</h2> <p>...</p> <h3 title="...">Step 1...</h3> <p>Step 1 instructions.</p> ... ... </body> </html> Where the H1 tag is the title of the document as displayed to the user, H2 would then be similar to chapter titles, eg, Installation, etc. Now your generated TOC may consist of the H2 tags. You can construct your documents as you see fit. This is only a recommendation. [edit] Can't edit the code section :/ [edit 2] Thanks @kongondo

I would say keep the interface the same as other comboboxes for consistency. Adding sub-menu options to an existing breadcrumb is in effect a combobox. So why not change the breadcrumbs to a sequence of comboboxes separating each as you would normally. The visual ques remain the same for the user. Just a thought.

linux

chrome, firefox, and vivaldi all show this.

One thing I noticed while browsing this wonderful site. The header logo is cropped and the menu options move off screen when scrolling. See attached... This is the landing page. I think there could be more contrast between the colors. This is how it appears when you begin to scroll the page.

I don't think <DIV> elements are valid children of <HEAD>. Element names may be the same, but IDs should be unique.

Where are you saving the customer_number field value? If it is not set then you will get a default return value 0 from your selector depending on the field setting you have in place.

Thank you @ryan. I appreciate the clarification.

I removed the login code on the site and the 500 error is no longer present. However, the only log entries are similar to that included below. I changed the mapping of facebook picture field to pw image field in module settings. The error and exceptions logs continue showing this error... Attempting to save the user's facebook picture to an image field fails with the above error. Creating and adding a text field to the user template, and mapping the facebook picture to that field does not display an error (log in is successful), but no data is stored in the text field. There is no picture_url field as shown in the blog post., only picture is available in settings. Attempts to dump the $facebook variable to a log file or echo'd results in a 500 error. The server is running other PW (3.0.62) sites (no facebook login module) without issues. I'll get it sorted eventually. I was just curious if anyone else had experienced this problem so I can tell where i am pulling another newbie stunt.

Is anyone else getting this error? This error occurs in two scenarios. 1. Currently logged into facebook. Selecting to login using facebook from web site. Immediately displays this error. 2. Not logged into facebook. Selecting to login using facebook displays the facebook login form. This error is displayed after logging into facebook.

I'll test some stuff when I get home. Hopefully someone will jump in with the solution in the meantime.

In browser so couldn't test. Odd that the icon would be removed too. Try it with a &nbsp; in place of the text.

Since bootstrap uses the input group addon to position the icon within the container, your code is also setting the label to email, which also appears. Removing the label entry should remove the text and leave the icon. so 'item_label' => "<label class=input-group-addon>{out}</label>" should be 'item_label' => "<label class=input-group-addon></label>"