[8WR] XenPorta (Portal) PRO

[8WR] XenPorta (Portal) PRO [Paid] 1.2.2b

No permission to buy ($40.00)
Overview FAQ Updates (34) Reviews (51) History Discussion
Jaxel said:
What do you mean text excerpts should be wrapped?
Click to expand...
I mean all spaces in between sentences, paragraphs, BB codes.. should be constricted in the excerpt view in the article list. For example in the below pic.. the first article has so many spaces, para breaks... it'd look much more better if there's a way to constrict the spaces between the words... although in the original article such para breaks may be warranted.. I remember FB used to do this in our post...

Screen Shot 2015-01-05 at 11.08.05 AM.webp
 
3rd AnGle said:
I mean all spaces in between sentences, paragraphs, BB codes.. should be constricted in the excerpt view in the article list. For example in the below pic.. the first article has so many spaces, para breaks... it'd look much more better if there's a way to constrict the spaces between the words... although in the original article such para breaks may be warranted.. I remember FB used to do this in our post...

View attachment 93783
Click to expand...

It'd be great if you could release it as a widget once complete
 
pmflav said:
Code: 
Error Info
ErrorException: Undefined offset: 0 - library/EWRporta2/Widget/Features.php:8
Generated By: Steel, A moment ago
Stack Trace
#0 /home/admin/web/g4x1.com/public_html/library/EWRporta2/Widget/Features.php(8): XenForo_Application::handlePhpError(8, 'Undefined offse...', '/home/admin/web...', 8, Array)
#1 /home/admin/web/g4x1.com/public_html/library/EWRporta2/Model/Widlinks.php(240): EWRporta2_Widget_Features->getUncachedData(Array, Array)
#2 /home/admin/web/g4x1.com/public_html/library/EWRporta2/ViewPublic/Global.php(79): EWRporta2_Model_Widlinks->getWidlinkParams(Array)
#3 /home/admin/web/g4x1.com/public_html/library/XenForo/ViewRenderer/Abstract.php(220): EWRporta2_ViewPublic_Global->prepareParams()
#4 /home/admin/web/g4x1.com/public_html/library/XenForo/ViewRenderer/HtmlPublic.php(71): XenForo_ViewRenderer_Abstract->renderViewObject('EWRporta2_ViewP...', 'Html', Array, 'EWRporta2_Artic...')
#5 /home/admin/web/g4x1.com/public_html/library/XenForo/FrontController.php(586): XenForo_ViewRenderer_HtmlPublic->renderView('EWRporta2_ViewP...', Array, 'EWRporta2_Artic...', NULL)
#6 /home/admin/web/g4x1.com/public_html/library/XenForo/FrontController.php(158): XenForo_FrontController->renderView(Object(XenForo_ControllerResponse_View), Object(XenForo_ViewRenderer_HtmlPublic), Array)
#7 /home/admin/web/g4x1.com/public_html/index.php(13): XenForo_FrontController->run()
#8 {main}
Request State
array(3) {
  ["url"] => string(20) "http://www.g4x1.com/"
  ["_GET"] => array(0) {
  }
  ["_POST"] => array(0) {
  }
}

Since 1.0.6 update
Click to expand...
You need to update your widget settings.
 
3rd AnGle said:
I mean all spaces in between sentences, paragraphs, BB codes.. should be constricted in the excerpt view in the article list. For example in the below pic.. the first article has so many spaces, para breaks... it'd look much more better if there's a way to constrict the spaces between the words... although in the original article such para breaks may be warranted.. I remember FB used to do this in our post...

View attachment 93783
Click to expand...
1.webp
 
3rd AnGle said:
would love to see it...

and if there's anyone who'd want my customized templates let me know so that i can share.. But please bear in mind that i have no technical skills.. i did what i had to do... it's just a poor man's hack.
Click to expand...

hey can i get your article layout save me the time in doing something similar

cheers
 
Lone Wolf said:
It'd be great if you could release it as a widget once complete
Click to expand...

i don't know how to create widgets but the below is my template codes...

Dannymh said:
hey can i get your article layout save me the time in doing something similar

cheers
Click to expand...
Sure... but PLEASE bear in mind this is "by hook or by crook" code :D so go easy on me... or improve the code and let us know..

Templates to be changed:

EWRporta2_ArticleList_Bit

Change the entire code with the following
Code: 
<div class="articleItem" id="article_{$article.thread_id}">
   
 
    <div class="sectionMain">
   
    <xen:if hascontent="true">
                <div class="messageUserBlock"><div class="avatarHolder {xen:if '{$article.article_icon.type} == "avatar" && !{$xenOptions.EWRporta2_articles_fullsize}', 'avatarHolderS'}">
                    <xen:contentcheck>
                    <xen:if is="{$article.article_icon.type} == 'avatar'">
                        <xen:avatar user="$article" size="{xen:if '{$xenOptions.EWRporta2_articles_fullsize}', 'm', 's'}" class="Tooltip" title="{$article.username}" itemprop="photo" />
                    <xen:elseif is="{$article.article_icon.type} == 'attach'" />
                        <a class="attachHolder" href="{xen:link threads, $article}">
                            <img src="{xen:if '{$xenOptions.EWRporta2_articles_fullsize}', '{xen:link attachments, $article.article_icon.data}', '{$article.article_icon.data.thumbnailUrl}'}"
                                alt="{$article.article_icon.data.filename}" />
                        </a>
                    <xen:elseif is="{$article.article_icon.type} == 'image'" />
                        <a class="attachHolder" href="{xen:link threads, $article}"><img src="{$article.article_icon.data.url}" alt="{$article.article_icon.data.file}" /></a>
                    <xen:elseif is="{$article.article_icon.type} == 'medio'" />
                        <a class="medioHolder OverlayTrigger" href="{xen:link 'full:media/media/popout', $article.article_icon.data}"
                            style="background-image: url('{xen:helper {xen:if '{$xenOptions.EWRporta2_articles_fullsize}', 'medio', 'medio2'}, $article.article_icon.data}');"
                            data-cacheOverlay="false" data-overlayoptions="{&quot;fixed&quot;:false}">
                                <img src="styles/8wayrun/EWRmedio_play.png" />
                        </a>
                    </xen:if>
                    </xen:contentcheck>
                </div></div>
            </xen:if>
   
   
        <div class="subHeading singleLine"><a href="{xen:link threads, $article}">{$article.article_title}</a></div>
   
        <xen:if is="{$xenOptions.EWRporta2_articles_dateblock}">
            <div class="dateBlock">
                <div class="heading">{xen:time $article.article_date, 'M'}</div>
                <div class="secondaryContent">{xen:time $article.article_date, 'd'}</div>
            </div>
        </xen:if>
       
       
        <div class="primaryContent">
            <div class="metaData singleLine">
                <span class="statData"><div class="iconKey comments"></div>{xen:number $article.reply_count}</span>
                <span class="statData"><div class="iconKey views"></div>{xen:number $article.view_count}</span>

                <span class="dateData">
                    <div class=""></div>
                    {xen:phrase porta2_by_x_on_y_at_z,
                        'user=<a href="{xen:link members, $article}" class="username">{$article.username}</a>',
                        'date=<a href="{xen:link threads, $article}">{xen:date $article.article_date} </a>',
                        'time=<a href="{xen:link threads, $article}">{xen:time $article.article_date} </a>'}
                </span>
            </div>
           
           
           
            <div class="baseHtml excerptContent {xen:if '{$xenOptions.EWRporta2_articles_dateblock}', 'excerptOffset'}">
                {xen:raw $article.messageHtml}
               
                <xen:if is="{$article.article_break}">
                    <a href="{xen:link threads, $article}">{$article.article_break}...</a>
                </xen:if>
            </div>
            <div class="continue">
                <a class="" href="{xen:link threads, $article}">
                    <div class="redirect"></div>...{xen:continue}
                </a>
            </div>
        </div>
       
       
    </div>
</div>




Next: Change the code of the EWRporta2_ArticleList.css with the following

Code: 
.articleControl { display: none; position: fixed; right: 10px; bottom: 0; z-index: 1000; }
.articleControl .resume { display: none; }

.articleItem .singleLine { font-size: 11px; color: #969696; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.articleItem .primaryContent a { font-size: 11px; color: #969696; }
.articleItem .primaryContent { font-size: 10.5pt; color: #5C5F61; }


.articleItem .sectionMain { margin: 0px; border: 0px; padding: 5px;}
.articleItem .subHeading { font-size: 18px; background-color: #FFFFFF; border-top: none; border-bottom: none; margin-bottom: -8px; margin-top: 0px; padding: 0px;}
.articleItem .subHeading a { color: #176093; font-weight: bold; font-size: 11pt;}
.articleItem .sectionFooter .iconKey { margin-top: 3px; }

.articleItem .primaryContent .continue a { font-size: 11px; color: #176093;}



.articleItem .sectionMain .continue { float: right; margin-top: -3px; }
.articleItem .sectionFooter .categories li { display: inline-block; }
{xen:helper clearfix, '.articleItem .primaryContent'}
{xen:helper clearfix, '.articleItem .sectionFooter'}

.articleItem .dateBlock { float: left; margin: 10px 10px 0px -20px; text-align: center; position: relative; z-index: 100; }
.articleItem .dateBlock .heading { margin: 0; padding-bottom: 5px; text-transform: uppercase; }
.articleItem .dateBlock .secondaryContent { padding: 5px; font-weight: bold; font-size: 24px; }
.articleItem .excerptOffset { margin-left: 34px; }

.articleItem .messageUserBlock { float: left; margin-left: 0px; line-height: 0; margin-right: 10px; margin-top: 5px;}
.articleItem .messageUserBlock .medioHolder { display: block; background-size: 100%; }
.articleItem .messageUserBlock .medioHolder img { min-width: 210px;max-width: 210px; min-height: 140px; max-height: 140px; }
.articleItem .messageUserBlock .attachHolder img {  min-width: 210px;max-width: 210px; min-height: 140px; max-height: 140px; }
.articleItem .messageUserBlock .avatarHolderS { display: none; !important}

.articleItem .metaData { font-color: #969696; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px dashed @primaryLighterStill; }
.articleItem .statData { display: none; }

#infscr-loading
{
    position: fixed;
    right: 10px;
    bottom: 0;
    z-index: 1001;
    text-align: center;
    @property "sectionMain";
    background-color: @contentBackground;
    padding: 10px;
    margin: 10px auto;
    border: 1px solid @primaryLighter;
    border-radius: 5px;
    @property "/sectionMain";
}

<xen:if is="@enableResponsive">
@media (max-width:@maxResponsiveMediumWidth)
{
    .Responsive .articlesGrid .articleItem
    {
        width: 100%;
    }
}
</xen:if>



One issue that i face with this code is the responsiveness when viewed in mobile device.. i hope one of you can find a solution to it..

Cheers
 
3rd AnGle said:
i don't know how to create widgets but the below is my template codes...


Sure... but PLEASE bear in mind this is "by hook or by crook" code :D so go easy on me... or improve the code and let us know..

Templates to be changed:

EWRporta2_ArticleList_Bit

Change the entire code with the following
Code: 
<div class="articleItem" id="article_{$article.thread_id}">
  

    <div class="sectionMain">
  
    <xen:if hascontent="true">
                <div class="messageUserBlock"><div class="avatarHolder {xen:if '{$article.article_icon.type} == "avatar" && !{$xenOptions.EWRporta2_articles_fullsize}', 'avatarHolderS'}">
                    <xen:contentcheck>
                    <xen:if is="{$article.article_icon.type} == 'avatar'">
                        <xen:avatar user="$article" size="{xen:if '{$xenOptions.EWRporta2_articles_fullsize}', 'm', 's'}" class="Tooltip" title="{$article.username}" itemprop="photo" />
                    <xen:elseif is="{$article.article_icon.type} == 'attach'" />
                        <a class="attachHolder" href="{xen:link threads, $article}">
                            <img src="{xen:if '{$xenOptions.EWRporta2_articles_fullsize}', '{xen:link attachments, $article.article_icon.data}', '{$article.article_icon.data.thumbnailUrl}'}"
                                alt="{$article.article_icon.data.filename}" />
                        </a>
                    <xen:elseif is="{$article.article_icon.type} == 'image'" />
                        <a class="attachHolder" href="{xen:link threads, $article}"><img src="{$article.article_icon.data.url}" alt="{$article.article_icon.data.file}" /></a>
                    <xen:elseif is="{$article.article_icon.type} == 'medio'" />
                        <a class="medioHolder OverlayTrigger" href="{xen:link 'full:media/media/popout', $article.article_icon.data}"
                            style="background-image: url('{xen:helper {xen:if '{$xenOptions.EWRporta2_articles_fullsize}', 'medio', 'medio2'}, $article.article_icon.data}');"
                            data-cacheOverlay="false" data-overlayoptions="{&quot;fixed&quot;:false}">
                                <img src="styles/8wayrun/EWRmedio_play.png" />
                        </a>
                    </xen:if>
                    </xen:contentcheck>
                </div></div>
            </xen:if>
  
  
        <div class="subHeading singleLine"><a href="{xen:link threads, $article}">{$article.article_title}</a></div>
  
        <xen:if is="{$xenOptions.EWRporta2_articles_dateblock}">
            <div class="dateBlock">
                <div class="heading">{xen:time $article.article_date, 'M'}</div>
                <div class="secondaryContent">{xen:time $article.article_date, 'd'}</div>
            </div>
        </xen:if>
      
      
        <div class="primaryContent">
            <div class="metaData singleLine">
                <span class="statData"><div class="iconKey comments"></div>{xen:number $article.reply_count}</span>
                <span class="statData"><div class="iconKey views"></div>{xen:number $article.view_count}</span>

                <span class="dateData">
                    <div class=""></div>
                    {xen:phrase porta2_by_x_on_y_at_z,
                        'user=<a href="{xen:link members, $article}" class="username">{$article.username}</a>',
                        'date=<a href="{xen:link threads, $article}">{xen:date $article.article_date} </a>',
                        'time=<a href="{xen:link threads, $article}">{xen:time $article.article_date} </a>'}
                </span>
            </div>
          
          
          
            <div class="baseHtml excerptContent {xen:if '{$xenOptions.EWRporta2_articles_dateblock}', 'excerptOffset'}">
                {xen:raw $article.messageHtml}
              
                <xen:if is="{$article.article_break}">
                    <a href="{xen:link threads, $article}">{$article.article_break}...</a>
                </xen:if>
            </div>
            <div class="continue">
                <a class="" href="{xen:link threads, $article}">
                    <div class="redirect"></div>...{xen:continue}
                </a>
            </div>
        </div>
      
      
    </div>
</div>




Next: Change the code of the EWRporta2_ArticleList.css with the following

Code: 
.articleControl { display: none; position: fixed; right: 10px; bottom: 0; z-index: 1000; }
.articleControl .resume { display: none; }

.articleItem .singleLine { font-size: 11px; color: #969696; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.articleItem .primaryContent a { font-size: 11px; color: #969696; }
.articleItem .primaryContent { font-size: 10.5pt; color: #5C5F61; }


.articleItem .sectionMain { margin: 0px; border: 0px; padding: 5px;}
.articleItem .subHeading { font-size: 18px; background-color: #FFFFFF; border-top: none; border-bottom: none; margin-bottom: -8px; margin-top: 0px; padding: 0px;}
.articleItem .subHeading a { color: #176093; font-weight: bold; font-size: 11pt;}
.articleItem .sectionFooter .iconKey { margin-top: 3px; }

.articleItem .primaryContent .continue a { font-size: 11px; color: #176093;}



.articleItem .sectionMain .continue { float: right; margin-top: -3px; }
.articleItem .sectionFooter .categories li { display: inline-block; }
{xen:helper clearfix, '.articleItem .primaryContent'}
{xen:helper clearfix, '.articleItem .sectionFooter'}

.articleItem .dateBlock { float: left; margin: 10px 10px 0px -20px; text-align: center; position: relative; z-index: 100; }
.articleItem .dateBlock .heading { margin: 0; padding-bottom: 5px; text-transform: uppercase; }
.articleItem .dateBlock .secondaryContent { padding: 5px; font-weight: bold; font-size: 24px; }
.articleItem .excerptOffset { margin-left: 34px; }

.articleItem .messageUserBlock { float: left; margin-left: 0px; line-height: 0; margin-right: 10px; margin-top: 5px;}
.articleItem .messageUserBlock .medioHolder { display: block; background-size: 100%; }
.articleItem .messageUserBlock .medioHolder img { min-width: 210px;max-width: 210px; min-height: 140px; max-height: 140px; }
.articleItem .messageUserBlock .attachHolder img {  min-width: 210px;max-width: 210px; min-height: 140px; max-height: 140px; }
.articleItem .messageUserBlock .avatarHolderS { display: none; !important}

.articleItem .metaData { font-color: #969696; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px dashed @primaryLighterStill; }
.articleItem .statData { display: none; }

#infscr-loading
{
    position: fixed;
    right: 10px;
    bottom: 0;
    z-index: 1001;
    text-align: center;
    @property "sectionMain";
    background-color: @contentBackground;
    padding: 10px;
    margin: 10px auto;
    border: 1px solid @primaryLighter;
    border-radius: 5px;
    @property "/sectionMain";
}

<xen:if is="@enableResponsive">
@media (max-width:@maxResponsiveMediumWidth)
{
    .Responsive .articlesGrid .articleItem
    {
        width: 100%;
    }
}
</xen:if>



One issue that i face with this code is the responsiveness when viewed in mobile device.. i hope one of you can find a solution to it..

Cheers
Click to expand...

Perfect thank you.
 
@Bob - is there any chance we can get a Showcase Widget for XenPorta 2 made up?

@Jaxel - Did you see my message regarding showing top breadcrumb BUT NOT Forum title?
 
Thom Tyler said:

[USER=1295]@Jaxel - Did you see my message regarding showing top breadcrumb BUT NOT Forum title?[/USER]
Click to expand...

Add any of the following to your EXTRA.css (don't copy the descriptions after the CSS):

Code: 
.EWRporta2_ArticleList .breadBoxTop {display: none;} Hide the top breadcrumb
.EWRporta2_ArticleList .breadBoxBottom {display: none;} Hide the bottom breadcrumb
.EWRporta2_ArticleList .titleBar {display: none;} Hide the title (forum name)

I think I deleted the reference to the description from the template, but if you check the code, you should be able to figure out its class name and insert that in the appropriate place above. It should be something like:

.EWRporta2_ArticleList .whateveryoufoundinthetemplate {display:none;}
 
XenPorta 2 (Portal) PRO [Paid] 1.0.6
Feature Slider gave error after updating seen in the picture. No longer installed pictures and Feature Slider does not work.
111.webp
Also in the picture Feature Slider
code does not uninstall the components. User and User default text article excerpt custom text function does not work. Codes do not get up.
2.webp
User and User default text article excerpt custom text function does not work. Codes do not get up.
3.webp​
 
You must log in or register to reply here.

Similar threads

Baby Community
[8WR] XenPorta 2 (Portal) PRO Turkish Language File
Replies
0
Views
475
Baby Community
Baby Community
Jaxel
XF2 [8WR] XenPorta 2 (Portal) PRO [Paid]
103 104 105
Replies
2K
Views
186K
Morrus
Morrus
Menerv
XF2 [8WR] XenPorta 2 (Portal) PRO - French Translation
Replies
0
Views
714
Menerv
Menerv
Paul B
The evolution of CTA Featured Threads & Portal. What's next?
5 6 7
Replies
136
Views
27K
sbj
sbj
Top Bottom