Yii Framework Forum: Tbimagegallery Dialog Does Not Display Correctly - Yii Framework Forum

Jump to content

Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Tbimagegallery Dialog Does Not Display Correctly Rate Topic: -----

#1 User is offline   Stefano Mtangoo 

  • Standard Member
  • PipPip
  • Yii
  • Group: Members
  • Posts: 228
  • Joined: 02-January 12
  • Location:Dar es Salaam, Tanzania

Posted 29 June 2013 - 01:21 PM

Hi,
I use YiiBooster's TbImageGallery to display gallery.
The dialog appears fine but is not displayed correctly. Top part of the dialog is hidden just like image below.

Here is the code I use to display it

<?php
        Yii::import("common.extensions.gallery.models.GalleryPhoto");
        $images = GalleryPhoto::model()->findAll();
    ?>
    
    <div id="gallery" data-toggle="modal-gallery" data-target="#modal-gallery" data-filter="*" >
    
        <?php $this->beginWidget('common.extensions.bootstrap.widgets.TbImageGallery'); ?>            
            <?php foreach($images as $image): ?>
            
            <a href="/gallery/<?php echo $image->id.".jpg"; ?>" title="kitten" data-gallery="gallery">
                <img src="/gallery/<?php echo $image->id."small.jpg"; ?>" rel="list-gallery" />
            </a> 
        <?php endforeach; ?>
        <?php $this->endWidget(); ?>
    </div> 


Attached File  Screenshot from 2013-06-29 20:59:53.png (412.87K)
Number of downloads: 66

Thanks In advance,
Stefano
And God said, Let there be science...and it was so!
Training Manager Written in Yii here
0

#2 User is offline   Antonio Ramirez 

  • Elite Member
  • Yii
  • Group: Yii Dev Team
  • Posts: 1,450
  • Joined: 04-October 10

Posted 08 July 2013 - 06:50 AM

View PostStefano Mtangoo, on 29 June 2013 - 01:21 PM, said:

Hi,
I use YiiBooster's TbImageGallery to display gallery.
The dialog appears fine but is not displayed correctly. Top part of the dialog is hidden just like image below.

Here is the code I use to display it

<?php
        Yii::import("common.extensions.gallery.models.GalleryPhoto");
        $images = GalleryPhoto::model()->findAll();
    ?>
    
    <div id="gallery" data-toggle="modal-gallery" data-target="#modal-gallery" data-filter="*" >
    
        <?php $this->beginWidget('common.extensions.bootstrap.widgets.TbImageGallery'); ?>            
            <?php foreach($images as $image): ?>
            
            <a href="/gallery/<?php echo $image->id.".jpg"; ?>" title="kitten" data-gallery="gallery">
                <img src="/gallery/<?php echo $image->id."small.jpg"; ?>" rel="list-gallery" />
            </a> 
        <?php endforeach; ?>
        <?php $this->endWidget(); ?>
    </div> 


Attachment Screenshot from 2013-06-29 20:59:53.png

Thanks In advance,
Stefano


Seems to me a CSS issue, have you tried inserting the images (and link) within bootstrap thumbnail?
┬┐How long would it take for you to understand that you own nothing in this world?

www.ramirezcobos.com
www.2amigos.us
www.github.com/tonydspaniard
www.github.com/2amigos


Posted Image
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

1 User(s) are reading this topic
0 members, 1 guests, 0 anonymous users