reems

Thanks Antony, but as I mentioned in my first post we built the site purely responsive for tablet, not for mobile. Choice of my client Your three screenshots look mobile to me. I expect to get instructions in the near future to create a separate mobile layout.

Welcome to Processwire. You're one of the lucky guys and girls that found out about Processwire . I don't no if you really want to built your design completely from scratch "pixel by pixel" or if you are using software for it. But a nice start would be the Bootstrap3 module of Philipp: ProcessWireBootstrap3. Enough to find about this also in the forum and afcourse on the Bootstrap site Success!

Googled some bit on the pagefield and I think you're right about this. I was thinking that the reference would be a page id, but it seems to be the title. So, that makes it indeed easier then I thought. I'm going to test it on one of my PW sites .

@uprightbass360 You ask for a tool that could deal with the problematic formatting. That's still difficult, seeing the formatting. Developing a script that can deal with all the differences takes, I think, more time then to go over the lines in Excel. In Excel you have a clear view over a big number of columns and rows and it's easy to select multiple columns/rows at once and move them around. My experience with this is that you will be finished before a scripter can develop, test and finish a clear solution that will fit all the discrepancies in the formatting. And, in Excel, if you recognize a clear repeating discrepancy, it's easy to correct it with a simple formula. Good luck anyhow with this. Hope also that there is somebody would could give an explanation how to import the cleaned data when using pagefields. I'm curious.

@Martijn. I don't yet have experience with this sanitizer but it certainly could be very helpfull indeed in a later stage. Thanks for the link. I'm going to study it.

That will be a difficult one. I see that the two examples of artinfo you show are already different. In the first one the year is the 4th item, in the second example the 5th. Simply exporting to csv and expecting to be able to import it into Processwire is not going to work. Hope the differences are not too big over all the data..... So, the data shall have to be cleaned up first. The different ways of showing size can be overcome in the beginning by just using a textfield. How to deal with the data that has to be entered in pagefields I don't no yet. Maybe others can explain that. Btw....Maybe the cleaning up is faster to do in Excel. I've done it before in database migrations and having a good view over the columns and rows helps and also a little bit of formulas and Visual Basic afcourse.

I myself began with the Gutters explanation from the Pocketgrid documentation (allmost at the end), but I didn't get what I (and you) wanted. But this works fine for me: .block-group { margin: 0 0 0 -4px; } .block { padding: 0 0 0 4px; margin-top:20px;} Maybe there is an easier way but it helped me. Hope this helps you also.

But, in your pagetree, can it be, that artwork under exhibition and under artist could be the same in certain situations? Do you use then two pages for the same artwork or do you use the strength of Processwire to present it in the way you show it now?

We have used Apache SOLR as search index server. Extremely fast and extensive but not very easy to implement. But first of all it depends on what sort of search interface you want to offer to your visitors. Just one search field or more choices (like in Ryan's skyscraper site).

Hi Horst, No, gte ="is greater then or equal" "greater then" is just gt. Same for lte. So it's selects then IE 6.7 and 8.

He Blad, nice comparison. I just voted.....Processwire afcourse and nothing else

I like Pocketgrid as well. Simple and flexible. To position contentblocks exactly where I want them I use by example the following <div class="block-group"> <div class="beforemyblock block"></div> <div class="myblock block"><div class="mycontentblock">Content</div> <div class="aftermyblock block"></div> </div> In my css with mediaqueries I can, depending on screensize, move my contentblocks around by changing the width property for the "beforemyblock" classes in every block-group, keeping the total width in every block-group on 100%. I let my "before" and "after "classnames correspond with the sort of content, by example logo, menu, top10, etc.

Hi Mike, Allthough we are now talking about html and css and not about Processwire I appreciate your nitpicks . Your points 1 and 2 are already part of the issues I talked about in my original post. But nr 3 about responsiveness. The site should be oke on normal screens and tablets. There are mediaqueries in the css with a breakpoint at 1200 px. Above this the top and footer menus are centered and about 60% wide, below the 1200 px it spreads out to 100% and the left menu goes all to the left. We tested it on more then a dozen screens, pc and apple, desktop and tablet and it workes fine. But you never are sure with so many combinations of screens, browsers and zooming people sometimes do. I would appreciate if you could send a screenshot plus some information about your machine and settings. That would help to improve. But.....afcourse.... in reallife we just look at a website on our desktop, laptop or tablet, we are not resizing the browser. If you as test resized your browser just above the breakpoint, maybe then in some cases it could be tricky. But anyhow thanks for your comments

Thanks, That is a good idea. Sorry.

Hi, I like to introduce a newly built site to you. http://www.travelinluxury.nl Without Processwire it would have been much more complex to built it. The first left menu you see is not a simple menu but a list of types of trips that are added to all destination pages through the use of a multiselect pagefield. After a click it searches the complete site and selects parts of the world and countries where destinations are to be found with what you selected with final menus to the destinations. With a normal CMS it would have been a real problem to create something like that. The tabbed blocks on the destination pages are built with Jeasyui and in the admin the blocks are separate template fields. Beside that I use the MapMaker Module and FormBuilder (see newsletter and "offerte aanvraag"). Also multilanguage fields (Dutch and German). See the link in the botton (NEDERLANDS - DEUTSCH).. Every page has it's own slideshow for which I used the Jquery cycle plugin with Maximize (thanks my form posts and the suggestion of MadeMyDay...). Check the small cross next to the slideshow controls..... Plus a lot of Jquery and finally pocketgrid for the css grid to make it responsive (tablet only). There are still some little issues, that will be finished the coming weeks. Using Processwire for this site was a learningpass but I enjoyed it much

I've done something similar with a Top10 of destinations a client of mine wanted in her travel site. But I used just an integer field in the destination template in which she could put a number 1 to 10. That worked for her, but it's also up to her to take care that she has all the numbers from 1 to 10 only once. She can check easily in the site itself if she has the numbers correct. From all the info in the destination pages only the title, url, and first image are used. The php in the template looks like this (for the first 5 pagelinks): All the html depends afcourse on the design you want. $top1to5 = $pages->find("template=hotel, top10>0,sort=top10,limit=5"); echo "<div class=\"top10table\">"; foreach($top1to5 as $top) { echo "<div class=\"top10row\">"; echo "<div class=\"top10name\"><a href='{$top->url}'>{$top->title}</a>></div>"; $image = $top->foto_upload->first(); if (!$image){ $image = $pages->get('/')->foto_upload->first(); } $thumb = $image->size(70, 70); echo "<div class=\"top10image\"><img src='$thumb->url'></div>"; echo "</div>"; } echo "</div>"; This script is in the header template that is included in all the pages. You can see the result at www.travelinluxury.nl. Click on the arrow under Top 10 in the upper right corner. With the arrow under the first 5 you get to the next 5 for which I use a similar script as above.

.... hardcoded ?? .....template?? I look around but can't find. If I log out and check my posts but I can;t edit in that case. Strange....

Hi Martijn, not nitpicking at all. And not a bad idea. Checked my profile settings but can't find that setting......it's clearly end of the week... Congratulations by the way..... 1.500 likes milestone

Nice job A good day is a day I've learned again something (of PW)

Nice work And your advice about the arrays is something I certainly going to implement. Thanks. But....what about the different colors in your sitemap, how did you do that? Bases on page tags or so?

Hi Dwimar, In this case I started with only one basic page created with Artisteer. And that is enough if you want al the pages in the website to have the same structure and so in PW the same template. That workes fine. But in the Artisteer site that I already have online ( http://www.realconsult.nl ) I changed the homepage outside Artisteer and put a css grid (pocketgrid.css) in it to create the columns. If you look at the source of the realconsult site you see all the Artisteer css classes. Later on I also put another menu in it. But it is not necessary, an Artisteer design will work well also without such extra's. Another thing I did was to cut the template in three parts: head, body and footer and saved them as separate php files. In that case you only have to put all your includes in the head file once and include this head (and footer) file in any other template you create with whatever system.

Hi, In the travelsite I have taken a little different approach. I'm just a sparetime php scripter, so I'me sure the more experienced ones can simplify the following code or come up with a better solution. I've changed what I use a little bit to fit your situation. If there would be more levels of pages a recursive function would also be better I think. $selection = $pages->find("your search"); // check if there is a search result if(count($selection) > 0) { foreach($selection as $selected) { // get id's of found pages #selectionid[] = $selected->id; // get id's of parent pages $firstparentsid[] = $selected->parent_id; // get parents for next foreach $firstparents[] = $selected->parent; } foreach($firstparents as $first) { // get page id's of next level $secparentsid[] = $first->parent_id; } // combine all id's $all_ids = array_merge($selectionid , $firstparentsid , $secparentsid); // remove double results $all_ids = array_unique($all_ids); } In my case where I use this in the travel site to build menus it's different from your case because my mainmenu and submenu are build seperately (different templates) where a sitemap has to combine the different levels. In your case you can check if the pageid of a link is included in the $all_ids array before printing it in your sitemap. I have a sitemap in the travelsite for which I use the listChildrenTree function in this topic: https://processwire.com/talk/topic/1886-submenu-with-overview-links/ It should be simple to add a check with the array to the echo statements.

I've done something like that in building a menu based on search results. In your case you could generate the sitemap but only show an item after a check if it exists in your search result. More in detail: You can create a basic php array from the sitemap as well from the search result with page id's. Then, showing the sitemap you could check for every item with php function "in_array" if the page id exists in the search array and only then echo the item. Worked perfect for me in a travelsite I built where people first choose a sort of trip. Based on the choice the site is searched for that type of trip (multiselectfield in every page) and after that a two level menu is created based on parts of the world and countries. So: part of the world - country - trip, more or less the same as your main - sub - page. Hope this gives you a direction.

I use Artisteer myself in combination with Processwire. Just export your design as basic website template. If you, before you export, put basic explanatory texts in your Artisteer design where you want your PW fields or menu appear, it is easy to replace them later with a normal editor with the necessary php from the PW API. But this will help no matter which design tool you use. Change the extension of the files from .html to .php and add the pagefiles to the site/templates directory and in the admin add them as templates (Setup - Templates). After that you can add the necessary fields to the templates (select the template for editing and click Add Field). Next step is to call the fields with php in your pagefiles in the places where you have put the explanatory texts. Don't forget to edit the includes in the head tag as well according to the PW instructions. With one page design in Artisteer you can now, through the PW admin, add multiple pages to your site. Much more to say about this but I hope this basics help you get going.

Thanks Horst. I already found that one and changed the settings. My client is now also more carefull in selecting pictures for upload.