XF2 [8WR] XenPorta 2 (Portal) PRO

XF2 [8WR] XenPorta 2 (Portal) PRO [Paid] 2.3.0.4

No permission to buy ($40.00)
Less:
@media (min-width: @xf-responsiveNarrow) {
    .porta-masonry .porta-article-item:first-child {
        grid-column: span 3;
    }
}

OR

@media (min-width: @xf-responsiveMedium) {
    .porta-masonry .porta-article-item:first-child {
        grid-column: span 3;
    }
}

OR

Wait for Jaxel !!
His media queries is specific to his portal so idk exactly what it means...
 
I tried the 2 options, same result.

I will wait Jaxel. :)

With the initial Old Nick's code, the issue occurs from around 1290px width and stops around 690px width, but it solves the issue for the mobile mode.

PS : I also tried the official style from xenforo, with the same issue.
 
Last edited:
I would do:
Code:
@media (min-width: ~"calc(@xf-EWRporta_masonry_width * 3)") {
    .porta-masonry .porta-article-item:first-child {
        grid-column: span 3;
    }
}
@media (min-width: ~"calc(@xf-EWRporta_masonry_width * 2)") {
    .porta-masonry .porta-article-item:first-child {
        grid-column: span 2;
    }
}
 
Ok,

As you often advise to revert the style, I have completely uninstalled mine, to test the issue from scratch. Using the code above, I still have the issue, even if that's better than before.

The first article is not alone but with another one in 2 rows (tried on firefox, edge and chrome, just in case) . I don't know how to force it to display it alone in any circumstance.

If you want to take a look :
 
Last edited:
Just upgraded from XenPorta 1 to XenPorta 2.2, and the routing is messed up now. I want XenPorta to load at domain's root while the forum to be at /forums. I don't want /articles or /ewr-porta URLs. How do I do that?
 
I have taken down my WordPress landing page and wanted to use Xenporta again. I have only a small problem: I have set up the route filter.

However, when I enter domain/articles as the homepage under settings and then call up the domain, I get a loop, and it eventually looks like this:

domain/articles/articles/articles/articles/articles/articles/articles/articles/articles


and second Question, its possible to take the Slider in a Carousel? Like the Wordpress Sliders?
 
I have recently upgraded from 1.5.24 to Xenforo 2.3. I've also upgraded from the original Xenporta to the latest Xenporta 2. I am seeing that the articles on the portal are missing some entries and the forum that I have defined as "auto-promote" is not actually promoting things to articles... actually I don't see any options to promote these threads to articles either:

View attachment 307204

View attachment 307205

View attachment 307206
Any idea what's up?
@Jaxel Would you or someone else be able to look at this?
 
I would do:
Code:
@media (min-width: ~"calc(@xf-EWRporta_masonry_width * 3)") {
    .porta-masonry .porta-article-item:first-child {
        grid-column: span 3;
    }
}
@media (min-width: ~"calc(@xf-EWRporta_masonry_width * 2)") {
    .porta-masonry .porta-article-item:first-child {
        grid-column: span 2;
    }
}


Ok, I have found where the issue is. It's related to the setting "Masonry baseline width"

For information, the width of my forum is set to 1525px

- If I use at least 420px, I have my first article in one column as expected, but the initial issue is there (sidebar over main articles when you reduce the width of the browser).

- If I use 410px, I now have two columns and the issue is still there but slighty better

- If I use the default 350px, still two columns and the issue is still there but that's better

- After many tries, I have to use something around 315px to have two columns at the max width of my forum (instead of one) and no issue anymore.


And if I disable masonry grid, no issue anymore and my first article is alone as expected. But all articles below are also on one column.


For the future, a new setting to be able to set up the number of articles for something like 2 or 3 different rows (with adaptive width for the articles vs the width of the main page) would be nice. :)
 
Last edited:
So with the default style, Portal settings in style properties by default (350px for masonry width) + 1525px + the code to get first article alone in extra_less, this is what I get :

Capture d’écran 2024-07-30 191627.webp

A difference with this style : the sidebar goes behing the articles and not above them, as with mine.
 
Last edited:
Yes so you seem to be facing a bug. Surprising that it is not reported by other users.
There is something wrong somewhere (what a great analysis, don't you think?). Jaxel will tell you more tomorrow...
 
hm ok, and a short question.

On the "Landingpage" also Home. Its possible to disable the Staffbar and the Breadcrump? Want a clean setting for this.

i try to:

.p-staffBar
{
display: none;
}

in the Ewrporta_less, but this remove them overall.

Edit:

it works with:
.focus-breadcrumb {
display: none !important;
}

.p-staffBar {
display: none;
}
 
Last edited:
For people trying to display the home icon for the portal link in the navbar, here is the code to add in your extra.less (big thanks to @Old Nick for his help):

Code:
[data-nav-id="EWRporta"]:before {
    .m-faIcon(@fa-var-regular-home) !important;
}

Capture d’écran 2024-08-01 185047.webp
 
Last edited:
hm ok, and a short question.

On the "Landingpage" also Home. Its possible to disable the Staffbar and the Breadcrump? Want a clean setting for this.

i try to:

.p-staffBar
{
display: none;
}

in the Ewrporta_less, but this remove them overall.

Edit:

it works with:
.focus-breadcrumb {
display: none !important;
}

.p-staffBar {
display: none;
}

I use a different way in extra.less. I don't know if it's the best way to do that but here is my code (you can remove the second part for the categories) :

Code:
[data-template="EWRporta_articles_index"] {
    .p-breadcrumbs-wrap.p-breadcrumbs-wrap--bottom, .focus-breadcrumb {
        display: none;
    }
    .p-staffBar {
    display: none;
    }
}
[data-template="EWRporta_articles_category"] {
    .p-breadcrumbs-wrap.p-breadcrumbs-wrap--bottom, .focus-breadcrumb {
        display: none;
    }
    .p-staffBar {
    display: none;
    }
}
 
Last edited:
i give it a try.

but....

I can't find the template for the Masonry Grid? It used to be available as a template. I only have the fields for width and height in the settings.
 
Back
Top Bottom