Pages SuperGrid support

[tekguru]

A question or two if I may. We're now using SuperGrid on www.smartphonegurus.com as you can see here:

When we hit a title (link) we get:

The problem is that linked page only has the content on the first half of the page, as you can see here. Ideally for us we'd love to have:

1. A fix to the above so that the entire page width is used.
2. As we use the system to post a copy of the article into the forum the possibility of linking to that post instead of back to the article.

I can understand if 2) is not possible but I'd love to fix 1). I've looked through all the settings and I can't see anything that might affect the width. Oh, I have reverted the entire site back to the standard IPS theme but that didn't help.

Thanks in advance for any assistance.

[opentype]

9 minutes ago, tekguru said:

 

1. A fix to the above so that the entire page width is used.

You probably have your page (on which you placed the database) set to “2 columns” and placed the database in one of those. That’s why half of the page is empty. So change the settings of your page to “1 column”. 

Quote

1. As we use the system to post a copy of the article into the forum the possibility of linking to that post instead of back to the article.

That’s a core feature. I don’t intent to interfere with that. 

Edited July 29, 2017 by opentype

[tekguru]

Thanks for the swift reply. 1) is fixed, it threw me that the 2 column template was assigned in a different page than the one I was using which is block driven. Thanks.

On 2)  I don't want to change the core of the system, just I'd prefer to link to the topic instead of the article?

[sobrenome]

On 26/07/2017 at 1:06 AM, opentype said:

So if you empty the custom.css, the SuperGrid styling starts working? Then its definitely not a SuperGrid problem. 
Your CSS is probably just malformed. 

You were right, the problem was if this line, that had the code to avoid css reading...

/* GOOGLE AD CODE FOR RESPONSIVE ADS */
@media (max-width: 500px) { .adslot_1 { display: none !important; } }
/*

 

[Duken]

Hi, a quick "nooby" question.

What is the "twitter handle" ?

If you add a Twitter handle and the record has an image, a Twitter Card will be created

Should i add my id @dukennl? or twitter url like: https://twitter.com/DukenNL ?

Thnx

[opentype]

1 hour ago, Duken said:

Hi, a quick "nooby" question.

What is the "twitter handle" ?

If you add a Twitter handle and the record has an image, a Twitter Card will be created

Should i add my id @dukennl? or twitter url like: https://twitter.com/DukenNL ?

Thnx

You would add DukenNL in your case. No URL, no @. Just the handle. 

Edited August 5, 2017 by opentype

[tekguru]

Ah ha good to know, I'll take the @ out of there. Might be worth mentioning it in the configuration docs

[Steph Jensen]

SOLVED - PLEASE IGNORE

 

i've just installed this, and trying to figure out how it works.

1st question, where do i add a featured image for a new page, in order for it to display as the page image in the grid?

Edited August 6, 2017 by Steph Jensen
figured it out - sorry!

[christopher-w]

Hi,

I'm new to the platform and to SuperGrid, so may have overlooked something obvious here.

Problem:

Here a screen grab of one of my articles (although the problem affects them all).

 

 

The image is blurred as you can see and is using the following image, shown natural size, as a source:

 

 

How can I control this?  Is there a setting somewhere that I've missed?

Many thanks,

Chris

 

 

 

 

 

 

 

[opentype]

2 minutes ago, christopher-w said:

How can I control this?  Is there a setting somewhere that I've missed?

Yes. In the SuperGrid Plugin settings you can choose to use thumbnails or the full-size images. 

(Another and possibly better option might be to increase the thumbnail image size in your Pages database settings. But that will only affect future uploads, not existing articles.)

[christopher-w]

Thanks @opentype, using full size images is what I needed.

[Duken]

On 29-7-2017 at 9:27 PM, tekguru said:

 

On 2)  I don't want to change the core of the system, just I'd prefer to link to the topic instead of the article?

I would love that too. No we have duplicate content. I know it's a IPS "feature". Maby someone has a solution. 

[-FP]

Made some minor customizations and I'm very happy with the result.

 

In mobile though, would it be possible to show this buttons inline instead of stacked?

Edited August 13, 2017 by -FP

[opentype]

1 hour ago, -FP said:

In mobile though, would it be possible to show this buttons inline instead of stacked?

I don’t intend to touch that. So you would be on your own figuring out how to do it. 

[2002faq]

Hi,

The Mobile View of my site is missing the "Add Article" . Was that intentional?

Thanks,

Steve K.

[opentype]

10 hours ago, misfit76 said:

Hi,

The Mobile View of my site is missing the "Add Article" . Was that intentional?

Yes, its this way in the stock templates as well. I didn’t change these things. 

[2002faq]

The button is in place on the SuperDocs template

But not supergrid 

 

[Meddysong]

Yep. The default templates hide the usual add button for smaller screens but produce another one at the bottom of the page, using code like this

{{if ! \IPS\Request::i()->isAjax() AND ! isset( \IPS\Request::i()->advancedSearchForm ) AND $category->show_records}}
	<ul class="ipsToolList ipsToolList_horizontal ipsClearfix ipsSpacer_both ipsResponsive_showPhone ipsResponsive_block">
		{{if $category->can('add')}}
			<li class='ipsToolList_primaryAction'>
				<a class="ipsButton ipsButton_medium ipsButton_important ipsButton_fullWidth" href="{$category->url()->setQueryString( array( 'do' => 'form', 'd' => \IPS\cms\Databases\Dispatcher::i()->databaseId ) )}">{lang="cms_add_new_record_button" sprintf="\IPS\cms\Databases::load( $category->database_id )->recordWord( 1 )"}</a>
			</li>
		{{endif}}
		{{if \IPS\Member::loggedIn()->member_id}}
			<li>
				<a class="ipsButton ipsButton_medium ipsButton_fullWidth ipsButton_link" href="{$category->url()->setQueryString( 'do', 'markRead' )->csrf()}"><i class="fa fa-check"></i> {lang="cms_mark_read"}</a>
			</li>
		{{endif}}
	</ul>
{{endif}}

in categoryFooter.

[2002faq]

Default templates also gets the button

[opentype]

Yeah, there is something wrong there. I changed it locally and it will be in the next update. It’s too minor to release a new version though. 

Just paste this in the SuperGrid category footer template: 

{{if ! \IPS\Request::i()->isAjax() AND ! isset( \IPS\Request::i()->advancedSearchForm ) AND $category->show_records}}
	<ul class="ipsToolList ipsToolList_horizontal ipsClearfix ipsSpacer_both ipsResponsive_showPhone ipsResponsive_block">
		{{if $category->can('add')}}
			<li class='ipsToolList_primaryAction'>
				<a class="ipsButton ipsButton_medium ipsButton_important ipsButton_fullWidth" href="{$category->url()->setQueryString( array( 'do' => 'form', 'd' => \IPS\cms\Databases\Dispatcher::i()->databaseId ) )}">{lang="cms_add_new_record_button" sprintf="\IPS\cms\Databases::load( $category->database_id )->recordWord( 1 )"}</a>
			</li>
		{{endif}}
		{{if \IPS\Member::loggedIn()->member_id}}
			<li>
				<a class="ipsButton ipsButton_medium ipsButton_fullWidth ipsButton_link" href="{$category->url()->setQueryString( 'do', 'markRead' )->csrf()}"><i class="fa fa-check"></i> {lang="cms_mark_read"}</a>
			</li>
		{{endif}}
	</ul>
{{endif}}

{{if !\IPS\Request::i()->advancedSearchForm}}
	<div class="ipsResponsive_showPhone ipsResponsive_block ipsSpacer ipsSpacer_both ipsClearfix">
		{template="follow" app="core" group="global" params="'cms','categories' . $category->database_id, $category->_id, \IPS\cms\Records::containerFollowerCount( $category )"}
	</div>
{{endif}}

 

[AlexWebsites]

I just updated to 4.2.2 and it looks great when using the default template. However, when using my custom template, because it uses the same IPS classes, I am having layout issues between box spacing, borders, profile image alignment, etc. Is it possible to add a custom css just for this or create a custom css file and have it reference that? 

EDIT, I just saw where there is a box theme setting to use classes or not. I am creating a pages css file and including that to overwrite some of my layout issues with my custom theme.

Edited August 17, 2017 by AlexWebsites

[2002faq]

14 hours ago, opentype said:

Yeah, there is something wrong there. I changed it locally and it will be in the next update. It’s too minor to release a new version though. 

Just paste this in the SuperGrid category footer template: 

{{if ! \IPS\Request::i()->isAjax() AND ! isset( \IPS\Request::i()->advancedSearchForm ) AND $category->show_records}}
	<ul class="ipsToolList ipsToolList_horizontal ipsClearfix ipsSpacer_both ipsResponsive_showPhone ipsResponsive_block">
		{{if $category->can('add')}}
			<li class='ipsToolList_primaryAction'>
				<a class="ipsButton ipsButton_medium ipsButton_important ipsButton_fullWidth" href="{$category->url()->setQueryString( array( 'do' => 'form', 'd' => \IPS\cms\Databases\Dispatcher::i()->databaseId ) )}">{lang="cms_add_new_record_button" sprintf="\IPS\cms\Databases::load( $category->database_id )->recordWord( 1 )"}</a>
			</li>
		{{endif}}
		{{if \IPS\Member::loggedIn()->member_id}}
			<li>
				<a class="ipsButton ipsButton_medium ipsButton_fullWidth ipsButton_link" href="{$category->url()->setQueryString( 'do', 'markRead' )->csrf()}"><i class="fa fa-check"></i> {lang="cms_mark_read"}</a>
			</li>
		{{endif}}
	</ul>
{{endif}}

{{if !\IPS\Request::i()->advancedSearchForm}}
	<div class="ipsResponsive_showPhone ipsResponsive_block ipsSpacer ipsSpacer_both ipsClearfix">
		{template="follow" app="core" group="global" params="'cms','categories' . $category->database_id, $category->_id, \IPS\cms\Records::containerFollowerCount( $category )"}
	</div>
{{endif}}

 

 

Where do i find this template?

[Meddysong]

Pages > Page Management > Templates 

Navigate to Supergrid Listing, then categoryFooter.

I've confused myself now, though; my template contains that snippet. I suppose I might have added it yesterday when I became aware.

[2002faq]

Thanks, i was looking in the category listing

[Unlucky]

Hi,

Just bought this so a newbie to it

I have created my first interview article and included photo with it here - https://www.walkingfootball.com/interviews/walkingfootballplayers/interview-with-tom-cowan-r1/

But the main page is using my fallback image instead of interview image as per here https://www.walkingfootball.com/interviews/

What am I doing wrong?