how to styling of the output content of pagnation

[adrianmak]

Learn from skyscrapper pw profile, it is easy to output a list of content with pagination with just a line of code

$content = $page->children("limit=10")->render();

However, it output title only.

How to output other fields ? for example, summary of content, an image,

[Soma]

Maybe have a good read on the module itself?

https://github.com/ryancramerdesign/ProcessWire/blob/master/wire/modules/Markup/MarkupPageArray.module

[adrianmak]

I read the pageArray. I could provide user option to supply more fields to render.

I have a question, My page fields setup doesn't has a summary field, all content are put in body field.

I could write a small utility function to output say first 20 words.

Could it be possible to put in the option markup say  teaser({body}) ?

function teaser($str, $num) {
        $words = explode(" ", $str);
        $first = join(" ", array_slice($words, 0, $num));
        return $first;
    }

[BitPoet]

Why not write a small module that hooks before pageSave and fills a hidden summary field with the teaser generated with your function? That way, you'll also save memory by only running the function once in the backend and not with every listing of your page.

[bernhard]

i'm not sure if i understand your questions correctly...

Learn from skyscrapper pw profile, it is easy to output a list of content with pagination with just a line of code

$content = $page->children("limit=10")->render();

However, it output title only.

How to output other fields ? for example, summary of content, an image,

do you mean something like this?

$items = $page->children('limit=10');
foreach($items as $item) {
    echo '<h1>' . $item->title . '</h1>';
    echo $item->body;
    echo $item->whatsoever;
}
echo $items->renderPager();

is this question related to your first question?

I read the pageArray. I could provide user option to supply more fields to render.

I have a question, My page fields setup doesn't has a summary field, all content are put in body field.

I could write a small utility function to output say first 20 words.

Could it be possible to put in the option markup say  teaser({body}) ?

function teaser($str, $num) {
        $words = explode(" ", $str);
        $first = join(" ", array_slice($words, 0, $num));
        return $first;
    }

are you looking for truncating text?? https://processwire.com/talk/topic/2849-text-output-limiter/?p=71561

[Soma]

This helper render method on PageArray's is usually meant for a convenient tool when developing like scaffolding (although you can't CRUD). Although it is there to use if you want, I also always use the renderPager() method. 

If you want to output a summary but haven't got a summary field $page->summary. Since you can't modify the module, one could add the property to page object via property hook. Which means to add a property on runtime. You can see an example in the HelloWorld.module.

Something like this will give you a $page->summary

$pa = $pages->find("template=basic-page, limit=4");

wire()->addHookProperty("Page::summary", null, function($event){
    $page = $event->object;
    $event->return = $page->headline; // return something for "summary"
});

$content .= $pa->render(array('itemMarkup'=>"\n\t<li><a href='{url}'>{title}<br><small>{summary}</small></a></li>"));

But what's wrong with creating your own foreach?

$pa = $pages->find("template=basic-page, limit=4");

if($pa->count) {
    $list = "";
    foreach($pa as $p){
        $summary = limitWords($page->body); // your function to limit words maybe
        $list .= "<li><a href='{$page->url}'>{$page->title}<br><small>{$summary}</small></a></li>";
    }
    $content .= "<ul>$list</ul>";
    $content .= $pa->renderPager();
} else {
    $content .= "Nothing found";
}