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

[ChrisTERiS]

@markoroots Happy to see you online again
Have you seen this free addon for XenPorta?

XenPorta Improvements

Adds various improvements and tweaks to XenPorta 2 Pro by 8WayRun

www.nulumia.com

 

[markoroots]

Hi Christeris. I was think the same just seeing the notification of this thread.
Is always a pleasure to see and hear you. Really happy that too you are here.

Yes that I just have but is there only this inside the option of this addon:

 

[webbouk]

Go to ACP > Appearance > Style Properties > and scroll right down to the bottom of the list.

 

[markoroots]

Thanks Webbouk, I went there but I didn't found anything for this.
Know also that furthermore I don't know the code

 

[webbouk]

You need to look inside these two styles for the options...



for example..

 

[markoroots]

Sorry but this is not relative to the slider?
Also in my installation is setted as the Image you show. So is not clear what change

 

[webbouk]

I'm not sure what you mean

 

[markoroots]

Hi Jaxel, can you please tell me how to allign the items in the page?

Now is like this but is really ugly

View attachment 236852

The problem is that the items (as you can see in this my previous post) in the page are not alligned each other, The screenshot you gently send me is in the Xenporta Slider section and seems to show other settings

 

[webbouk]

Got you

Find the template: EWRporta_articles_index template

Under:

<xf:head option="rss_forum"><link rel="alternate" type="application/rss+xml"
title="{{ phrase('rss_feed_for_x', {'title': $xf.options.EWRporta_title ?: $xf.options.boardTitle})|for_attr }}"
href="{{ link('ewr-porta/index.rss', '-') }}" /></xf:head>

Add:

<xf:css>
.message-body{
height: 500px;
overflow: hidden;
}
</xf:css>


Change height: 500px; to suit your needs

 

[markoroots]

Thanks Webbouk for your help.
I have tried in this way but furthermore nothing is changed

<xf:head option="rss_forum"><link rel="alternate" type="application/rss+xml"
    title="{{ phrase('rss_feed_for_x', {'title': $xf.options.EWRporta_title ?: $xf.options.boardTitle})|for_attr }}"
    href="{{ link('ewr-porta/index.rss', '-') }}" /></xf:head>
<xf:css>
.message-body{
height: 500px;
overflow: hidden;
}
</xf:css>
<div class="porta-articles-above-full">
    <xf:widgetpos id="ewr_porta_articles_above_full" context-page="{$page}" />
</div>

Really strange that there isn't a function to do this in the addon

 

[webbouk]

Have you tried altering the 'height: 500px' to a lower figure?

Reduce to say 300px and work up from there

 

[markoroots]

Test it also with 200 and 100 but nothing change

 

[webbouk]

I can't help any further then, perhaps someone else might be able to

 

[markoroots]

In each way many thanks Webbouk for your help and availability.
In each way for me is really incredible that an addon as this haven't also this basic function.

 

[ChrisTERiS]

Thanks Webbouk for your help.
I have tried in this way but furthermore nothing is changed

<xf:head option="rss_forum"><link rel="alternate" type="application/rss+xml"
    title="{{ phrase('rss_feed_for_x', {'title': $xf.options.EWRporta_title ?: $xf.options.boardTitle})|for_attr }}"
    href="{{ link('ewr-porta/index.rss', '-') }}" /></xf:head>
<xf:css>
.message-body{
height: 500px;
overflow: hidden;
}
</xf:css>
<div class="porta-articles-above-full">
    <xf:widgetpos id="ewr_porta_articles_above_full" context-page="{$page}" />
</div>

Really strange that there isn't a function to do this in the addon

Sometimes a !important make the trick. Without to be sure that it will works, you can give one more try with:

<xf:css>
    .message-body {
        height: 500px !important;
        overflow: hidden !important;
    }
</xf:css>

But if you're using XF 2.2 give a try to the official Articles listing. Is not the best, but is good enough and mostly is official feature. As for me I removed it after upgraded to XF2.

 

[webbouk]

^^ That also works on my forum

Question Chris - what is the function of: !important; ?

 

[ChrisTERiS]

^^ That also works on my forum

Question Chris - what is the function of: !important; ?

In simple words as I'm not designer, it ignores all other settings for the same class name (in this case .message-body) that can be found in other css files.

 

[CivilWarTalk]

Something weird is happening here, seems to only happen in Firefox:



The Article columns overflow the latest posts widget if one of the columns is longer than the other. This is in version 2.2.0.3
It might be something in my skin, but I tested it with the default XF skin and the same thing happened, so I don't think it's just my skins.

This doesn't happen in Chrome, or Edge. Didn't notice it in Safari either..... Just Firefox 81.0.1 64-bit on Win 10.

 

[Spike05de]

Is there a way to duplicate the position Articles list: Above (split) or is there an option that i display in this section 4 HTML Widgets:

Widget 1 Widget 2
Widget 3 Widget 4

Anyone an idea?

 

[boban]

The problem is that the items (as you can see in this my previous post) in the page are not alligned each other, The screenshot you gently send me is in the Xenporta Slider section and seems to show other settings

These might work, add the following to the extra.less template:

.block.porta-masonry {

   

   display: flex !important;


    flex-wrap: wrap !important;


    height: auto !important;


}



.porta-masonry .porta-article-item {


    position: static!important;


    display: flex  !important;


    }