How to sort $pages by the first Letter ?

[iNoize]

Hello, 

i need to sort $pages by the first letter an show on the page like 

A

   - Aname Page 

   - Aname Page 

   - Aname Page 

   - Aname Page 

B

   - Bname Page 

   - Bname Page 

   - Bname Page 

   - Bname Page

How can i check which is the first letter from the page.title ?? 

Tnx 

[arjen]

Hi iNoize,

Checkout this example used by Ryan to view tags in his blog profile:

<?php 

/**
 * Generate a list of tags A-Z
 * 
 * Used by the /site/templats/tags.php template file.
 *
 * VARIABLES: 
 * ==========
 * $tags PageArray of tags
 * 
 * Each of the tags has a numPosts property containing the number of posts used by the tag.
 *
 */

$lastLetter = '';
$out = '';
$letters = array();

foreach($tags as $tag) {
	$letter = strtoupper(substr($tag->title, 0, 1)); 
	if($letter != $lastLetter) {
		if($lastLetter) $out .= "</ul>";
		$out .= "<h3 id='letter_$letter'>$letter</h3>"; 
		$out .= "<ul class='tags posts-group'>";
		$letters[] = $letter; 
	}
	$lastLetter = $letter; 
	$numPosts = sprintf(_n('%d post', '%d posts', $tag->numPosts), $tag->numPosts);
	$out .= "<li><a href='{$tag->url}'>{$tag->title}</a> <span class='num-posts'>$numPosts</span></li>";
}
$out .= "</ul>";

echo "<p class='jumplinks'>";
foreach($letters as $letter) {
	echo "<a href='./#letter_$letter'>$letter</a> ";
}
echo "</p>";
echo $out; 

[iNoize]

Thank you ver much. It works fine for me. Now i need to loop the array trough three divs. 

Could you give me also some advice ? My idea was to get the count of all $pages and divide it. Then loop for every col from to. 

$lastLetter = '';
$out = '';
$letters = array();

$anzahl = $pages->count("template=kunde,   bereich=$bereich"); // here I have the count but how to llop now trough three divs? 
$kunden = $pages->find("template=kunde,  bereich=$bereich, sort=title");
						

foreach($kunden as $tag) {
$letter = strtoupper(substr($tag->title, 0, 1)); 
if($letter != $lastLetter) {
if($lastLetter) $out .= "</ul>";
$out .= "<h3 id='letter_$letter'>$letter</h3>"; 
$out .= "<ul class='tags posts-group'>";
$letters[] = $letter; 
}
$lastLetter = $letter; 
$out .= "<li><a href='{$tag->url}'>{$tag->title}</a> </li>";
								}
$out .= "</ul>";
echo "<p class='jumplinks'>";
foreach($letters as $letter) {
echo "<a href='./#letter_$letter'>$letter</a> ";
}
echo "</p>";
echo $out; 
							

[arjen]

Hi, no problem. Could you give an example of a quick mock-up how this should look? I'm not exactly sure what you mean.

[iNoize]

Hi, something like this in the attachment. 

i have 3 divs with bootstrap eg 

<div col-md-4> column 1 </div><div col-md-4> column 2 </div><div col-md-4> column 3 </div>

[tpr]

I would simply sort pages by title, and echo the first letter only if it's different from the previous.

[arjen]

You could do something like Gayan did.

[iNoize]

thanks for you advice. ive tried this example but its sort for me 

like this 

A A A 

B B B 

but i need 

a  d  h

b  f   i

c  g  j

I think its much more simpler. in the theory i get the count divide it trough 3 dan loop from to every time ?  ist it so ?

[mr-fan]

//set counter
$count = 0;

//divider
//$anzahl from your $page->count()
$div_one = $anzahl / 3;  // for example 7
$div_two = $div_one * 2; // for example 14
$div_three = $anzahl;    // for example 21
//loop and check $counter

foreach ($kunden as $tag) {
  $counter++;
  switch ($counter) {
    case ($counter >= $div_one):
        echo "html output with $tags for div one";
        break;
    case ($counter >= $div_two):
        echo "html output with $tags for div two";
        break;
    case ($counter >= $div_three):
        echo "html output with $tags for div three";
        break;
  }
}

this is untested written in the browser....but it should give you a option.

regards mr-fan

[marcus]

If you only have to support modern browsers, look into CSS Column Layout http://caniuse.com/#search=columns

http://webdesign.tutsplus.com/tutorials/an-introduction-to-the-css3-multiple-column-layout-module--webdesign-4934

Edited January 21, 2016 by marcus

[mr-fan]

better solution from better dev's with array_chunk():

https://processwire.com/talk/topic/7803-implement-array-chunk/?p=75579

best regards mr-fan

[LostKobrakai]

Columns can also be created with flexbox (flex-flow: column wrap;), which does have far better browser support.

[rick]

Two uses for this solution -- part of a book back matter (indexing) and newspaper/magazine column layouts.

In a responsive design, you can have a single-column for mobile, two-column for tablet, and three-column for desktop -- similar to iNoize's attached image.

[iNoize]

Oh it was much more easier 

$letter = strtoupper(mb_substr($tag->title, 0, 1, 'UTF-8'));

works now 

Hello, 

I have a strange output problem now. ÄÜÖ dont show correctly 

It looks so 

What happens here and how to convert to the right chars ? 

$letter = strtoupper(substr($tag->title, 0, 1)); 

Tnx 

[mr-fan]

http://php.net/manual/en/function.strtoupper.php

Note that 'alphabetic' is determined by the current locale. For instance, in the default "C" locale characters such as umlaut-a (ä) will not be converted.

[sapna]

I want to display all A-Z letters, if letter does not have any page then it is  unavailable or block  else letter should be active..