XF 1.4 Custom help page styling

[tommydamic68]

How do you get new pages to look like existing ones? With tabs to the left and border?

New help page


Existing help page

 

[Chris D]

http://sphynxlair.com/community/pages/Terms/

That is not a "new page". That is a page node.

You just need to create a new help page from the Admin CP. It then adds it to the Help section with border and sidebar.

 

[rdn]

How do you get new pages to look like existing ones? With tabs to the left and border?

New help page
View attachment 80576

Existing help page
View attachment 80577

Here: /admin.php?help-pages/

 

[tommydamic68]

http://sphynxlair.com/community/pages/Terms/

That is not a "new page". That is a page node.

You just need to create a new help page from the Admin CP. It then adds it to the Help section with border and sidebar.

ok - deleted the page node, now I have two terms and rules tabs - same URL http://sphynxlair.com/community/help/termsandrules/

 

[tommydamic68]

Found the problem here:


but when unchecking no terms and rules It removes the link from my footer, any work around?

 

[Chris D]

Template edit to put the link in the footer linking to the custom help page.

 

[tommydamic68]

Template edit to put the link in the footer linking to the custom help page.

Too complicated at this point, thanks @Chris D - I guess the link to the terms page in "options" is the issue if you want a terms and rules help page with the new help page option.

 

[Chris D]

Well, actually, what am I saying...

In the custom link field in Options, just paste the URL to the new custom help page terms and conditions...

 

[tommydamic68]

Well, actually, what am I saying...

In the custom link field in Options, just paste the URL to the new custom help page terms and conditions...

It will not work like that, not sure why, however, just changed it here in the footer template link to my custom page.

<xen:if is="{$tosUrl}"><li><a href="http://mysite.com/community/help/new/">{xen:phrase terms_and_rules}</a></li></xen:if>

 

[Chris D]

It will not work like that

Of course it will work... what did you try and what happened?

 

[tommydamic68]

Of course it will work... what did you try and what happened?

It still gives me two links. I will try what you said, I have created a new help page called terms and rules link here http://sphynxlair.com/community/help/rules/ then I add this link here like so in options:



And I still get this, both linking to same page:

 

[Chris D]

It still gives me two links. I will try what you said, I have created a new help page called terms and rules link here http://sphynxlair.com/community/help/rules/ then I add this link here like so in options:

View attachment 80584

And I still get this, both linking to same page:

View attachment 80585

That's actually a borderline bug... or at least an area for improvement... Hmm...

 

[tommydamic68]

That's actually a borderline bug... or at least an area for improvement... Hmm...

So its not me being electronically challenged? Or seriously, nothing I did?

 

[Chris D]

I hate to say it: This time you are not being electronically challenged

Using a custom terms and rules URL adds a link to it in the Help page. If you want that custom URL to be a custom help page, then you get a duplicate entry in the help sidebar. Seems like there could be an improvement made there so I posted this bug report: http://xenforo.com/community/thread...is-used-and-that-is-a-custom-help-page.80871/

 

[tommydamic68]

So back to my original question, is there a way to get the page node to at least have the similar border as a help page?

 

[tommydamic68]

In case anyone else wants to tidy up their custom page, I just added a div class and some CSS added in the EXTRA.css

Added the DIV class in the page option field ( you can name the class what ever you like but the CSS must reflect the same name):

<div class="terms">Your content HTML goes here</div>

Added this in the CSS

/* page node terms border */

.terms {
background-color: #e0ded4;
padding: 10px;
margin: 10px auto;
border: 1px solid rgb(199, 197, 188);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}

Which gives you this:

 

[vishall]

, Not sure if this would work for what you're trying to achieve but you can edit "terms_rules_text" phrase