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

[Deleted member 184953]

@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...

 

[Capturimage]

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.

 

[Jaxel]

I would do:

@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;
    }
}

 

[Capturimage]

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 :

Capturimage

Forum dédié à la photo et à la vidéo. Quel que soit le matériel employé, venez partager vos réalisations et discuter avec d'autres passionnés de l'image.

www.capturimage.net

 

[JackieChun]

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?

 

[Ashley Vargrand]

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?

 

[misterburke_]

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?

 

[Capturimage]

I would do:

@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.

Spoiler

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.

 

[Deleted member 184953]

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

What happens if this setting is at 100% (or 90, 95...)? Do the issues you reported still persist?

 

[Capturimage]

What happens if this setting is at 100% (or 90, 95...)? Do the issues you reported still persist?

Yes it persists

 

[Deleted member 184953]

Forgot to ask, with the default style too?

 

[Capturimage]

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 :



A difference with this style : the sidebar goes behing the articles and not above them, as with mine.

 

[Deleted member 184953]

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...

 

[JackieChun]

Additional issue: I have promoted a test thread to 'Article' but the XenPorta settings page still shows this:

 

[Ashley Vargrand]

where can i change the masonry template?

 

[philmckrackon]

where can i change the masonry template?

Admincp -->> Apearance

 

[Ashley Vargrand]

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;
}

 

[Capturimage]

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):

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

 

[Capturimage]

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) :

[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;
    }
}

 

[Ashley Vargrand]

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.