Custom (non-Core) field loading in wrong possition in Blog template

ggppdk
Offline
Administrator

6 years 5 months ago - 6 years 5 months ago #73720 by ggppdk

Replied by ggppdk on topic Custom (non-Core) field loading in wrong possition in Blog template

Hello

i checked out the link that you gave

You have an existing content structure that is using
- Joomla category view
- and Joomla article view

when you are using the above the custom fields are prepend (added) before the description view the Joomla onBeforeContent event

The template layout and field positions that you are editing are using
- in Flexicontent item view

You can simply go to types manager and find the type row (probably in your case it is 'Article' Type) and click to "Reroute to item view" at the column

Joomla article view
(Allowed / Rerouted / Redirected)"

-- Flexicontent is Free but involves a big effort on our part.
Like the our support? (for a bug-free FC, despite having a long list of functions) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing with a 5-star...

Last edit: 6 years 5 months ago by ggppdk.

Please Log in or Create an account to join the conversation.

ajisaju
Topic Author
Offline
New Member

6 years 5 months ago #73754 by ajisaju

Replied by ajisaju on topic Custom (non-Core) field loading in wrong possition in Blog template

thank you very much ggppdk , works now

Please Log in or Create an account to join the conversation.

ajisaju
Topic Author
Offline
New Member

6 years 5 months ago - 6 years 5 months ago #73758 by ajisaju

Replied by ajisaju on topic Custom (non-Core) field loading in wrong possition in Blog template

I need to display multiple feilds right to the image, so i copied the image and top image fields coding from defalt template

Code:

﻿ <?php if ((isset($item->positions['image'])) || (isset($item->positions['top']))) : ?>
        <!-- BOF image/top row -->
        <aside class="flexi topblock group">  <!-- NOTE: image block is inside top block ... -->
            
            <?php if (isset($item->positions['image'])) : ?>
                <!-- BOF image block -->
                <?php foreach ($item->positions['image'] as $field) : ?>
                <figure class="flexi image field_<?php echo $field->name; ?> span4">
                    <?php echo $field->display; ?>
                    <div class="fcclear"></div>
                </figure>
                <?php endforeach; ?>
                <!-- EOF image block -->
            <?php endif; ?>
            
            <?php if (isset($item->positions['top'])) : ?>
                <!-- BOF top block -->
                <?php
                    $top_cols = $this->params->get('top_cols', 'two');
                    $span_class = ''; //$top_cols == 'one' ? 'span8' : 'span4'; // commented out: bootstrap spanNN is not responsive to width !
                ?>
                <div class="flexi infoblock <?php echo $top_cols; ?>cols span8">
                    <ul class="flexi row">
                        <?php foreach ($item->positions['top'] as $field) : ?>
                        <li class="flexi lvbox <?php echo 'field_' . $field->name . ' ' . $span_class; ?>">
                            <div>
                                <?php if ($field->label) : ?>
                                <span class="flexi label field_<?php echo $field->name; ?>"><?php echo $field->label; ?></span>
                                <?php endif; ?>
                                <div class="flexi value field_<?php echo $field->name; ?>"><?php echo $field->display; ?></div>
                            </div>
                        </li>
                        <?php endforeach; ?>
                    </ul>
                </div>
                <!-- EOF top block -->
            <?php endif; ?>
            
        </aside>
        <!-- EOF image/top row -->
    <?php endif; ?>

but it shows the fields below the template, also I need to display one field per line, but the result is displaying multiple.
please help to solve this

Last edit: 6 years 5 months ago by ajisaju.

Please Log in or Create an account to join the conversation.

ggppdk
Offline
Administrator

6 years 5 months ago #73759 by ggppdk

Replied by ggppdk on topic Custom (non-Core) field loading in wrong possition in Blog template

Hello

ok but can you more specific what is the problem ?

if you want every field to be in seperate line
then before the closing </li>
try to add:

Code:

<div class="fcclear"></div>

or also try this
instead of

Code:

<li class="flexi lvbox <?php echo 'field_' . $field->name . ' ' . $span_class; ?>">

use:

Code:

<li style="display: block !important; width: auto !important;" class="flexi lvbox <?php echo 'field_' . $field->name . ' ' . $span_class; ?>">

Please Log in or Create an account to join the conversation.

ajisaju
Topic Author
Offline
New Member

6 years 5 months ago - 6 years 5 months ago #73797 by ajisaju

Replied by ajisaju on topic Custom (non-Core) field loading in wrong possition in Blog template

The top position should be displayed right to the image position ie,( Image| Top )
but in result top position is displayed below image you can see it in
www.viatn.com/kanyakumari-dist/kanyakumari
also a scroll bar appears I have used the below code :

Code:

 <?php if ((isset($item->positions['image'])) || (isset($item->positions['top']))) : ?>        <!-- BOF image/top row -->
        <aside class="flexi topblock group">  <!-- NOTE: image block is inside top block ... -->
            
            <?php if (isset($item->positions['image'])) : ?>
                <!-- BOF image block -->
                <?php foreach ($item->positions['image'] as $field) : ?>
                <figure class="flexi image field_<?php echo $field->name; ?> span4">
                    <?php echo $field->display; ?>
                    <div class="fcclear"></div>
                </figure>
                <?php endforeach; ?>
                <!-- EOF image block -->
            <?php endif; ?>
            
            <?php if (isset($item->positions['top'])) : ?>
                <!-- BOF top block -->
                <?php
                    $top_cols = $this->params->get('top_cols', 'two');
                    $span_class = ''; //$top_cols == 'one' ? 'span8' : 'span4'; // commented out: bootstrap spanNN is not responsive to width !
                ?>
                <div class="flexi infoblock <?php echo $top_cols; ?>cols span8">
                    <ul class="flexi row">
                        <?php foreach ($item->positions['top'] as $field) : ?>
                        <li class="flexi lvbox <?php echo 'field_' . $field->name . ' ' . $span_class; ?>">
                            <div>
                                <?php if ($field->label) : ?>
                                <span class="flexi label field_<?php echo $field->name; ?>"><?php echo $field->label; ?></span>
                                <?php endif; ?>
                                <div class="flexi value field_<?php echo $field->name; ?>"><?php echo $field->display; ?></div>
                            </div>
                        </li>
                        <?php endforeach; ?>
                    </ul>
                </div>
                <!-- EOF top block -->
            <?php endif; ?>
            
        </aside>
        <!-- EOF image/top row -->
    <?php endif; ?>﻿

Last edit: 6 years 5 months ago by ajisaju.

Please Log in or Create an account to join the conversation.

ggppdk
Offline
Administrator

6 years 5 months ago - 6 years 5 months ago #73805 by ggppdk

Replied by ggppdk on topic Custom (non-Core) field loading in wrong possition in Blog template

Hello

Enable loading of bootstrap CSS in our component options

1. Click configuration button
2. Inside "Advanced Tab" , set parameter "bootstrap CSS" to 'Frontend'

Last edit: 6 years 5 months ago by ggppdk.

Please Log in or Create an account to join the conversation.