Download all Joomla templates including quickstart (demo)only $24.99

Forum

Important - Hands Up!

- Please ask using the account with which you made the purchase or download of our products and in its respective category.
- If you bought our products in another market, ask your questions in that market, not here.

* ADD PRODUCT NAME IN START OF SUBJET

Multi-column layout

  • A
  • Aleksej Senior Member
  • Topic Author 2 years 2 months ago #1
Hello. I upgraded my site from Joomla 3 to Joomla 4. Now I am using your template.
Here is a site on Joomla 3 with an old template. aleksius.com/joomla/rasshireniya/galereya-phoca-gallery - here is a bulleted list in several columns.



It's done like this:
Code:
<div class="span4"> <ul> <li>COMPUTED_<span style="font-size: 10pt;">ApertureFNumber</span></li> <li>COMPUTED_Height</li> <li>COMPUTED_IsColor</li> <li>COMPUTED_Width</li> <li>EXIF.ApertureValue</li> <li>EXIF.ColorSpace</li> <li>EXIF.Contrast</li> <li>EXIF.CustomRendered</li> <li>EXIF.DateTimeDigitized</li> <li>EXIF.DateTimeOriginal</li> <li>EXIF.DigitalZoomRatio</li> <li>EXIF.ExifImageLength</li> <li>EXIF.ExifImageWidth</li> <li>EXIF.ExifVersion</li> <li>EXIF.ExposureBiasValue</li> <li>EXIF.ExposureMode</li> <li>EXIF.ExposureProgram</li> <li>EXIF.ExposureTime</li> <li>EXIF Flash</li> <li>EXIF.FNumber</li> </ul> </div> <div class="span4"> <ul> <li>EXIF.FocalLength</li> <li>EXIF.FocalLengthIn35mmFilm</li> <li>EXIF.GainControl</li> <li>EXIF.ISOSpeedRatings</li> <li>EXIF.LightSource</li> <li>EXIF.MaxApertureValue</li> <li>EXIF.MeteringMode</li> <li>EXIF.Saturation</li> <li>EXIF.SceneCaptureType</li> <li>EXIF.SensingMethod</li> <li>EXIF.Sharpness</li> <li>EXIF.ShutterSpeedValue</li> <li>EXIF.SubjectDistanceRange</li> <li>EXIF.SubSecTimeDigitized</li> <li>EXIF.SubSecTimeOriginal</li> <li>EXIF.WhiteBalance</li> <li>FILE.FileDateTime</li> <li>FILE.FileName</li> <li>FILE.FileSize</li> <li>FILE.MimeType</li> </ul> </div> <div class="span4"> <ul> <li>GPS.GPSAltitude</li> <li>GPS.GPSAltitudeRef</li> <li>GPS.GPSDateStamp</li> <li>GPS.GPSLattitude</li> <li>GPS.GPSLattitudeRef</li> <li>GPS.GPSLongitude</li> <li>GPS.GPSLongitudeRef</li> <li>GPS.GPSMapDatum</li> <li>GPS.GPSStatus</li> <li>GPS.GPSTimeStamp</li> <li>IFD0.DateTime</li> <li>IFD0.Exif_IFD_Pointer</li> <li>IFD0.GPS_IFD_Pointer</li> <li>IFD0.Make</li> <li>IFD0.Model</li> <li>IFD0.Orientation</li> <li>IFD0.ResolutionUnit</li> <li>IFD0.Software</li> <li>IFD0.XResolution</li> <li>IFD0.YResolution</li> </ul> </div>
But on the new site test.aleksius.com/joomla/rasshireniya/galereya-phoca-gallery it doesn't work. Please, help. What should I change?

Here is the access data:
This message contains confidential information
Attachments:
The topic has been locked.
  • T
  • tombut Moderator
  • 2 years 2 months ago #2
Hi.
In your code you just need change the class
Code:
span4
by
Code:
col-12 col-md-6 col-lg-4
its create a responsive columns 1 for mobiles, 2 for tablets and 3 for desktops. In our templates you can use bootstrap 5 classes.

Regards
The topic has been locked.
  • A
  • Aleksej Senior Member
  • Topic Author 2 years 2 months ago #3
I'm probably doing something wrong. I tried two options.
First option:
Code:
<div class="col-lg-4 "> <ul> <li>COMPUTEDApertureFNumber</li> <li>EXIF.FNumber</li> </ul> </div> <div class="col-lg-4 "> <ul> <li>EXIF.FocalLength</li> <li>FILE.MimeType</li> </ul> </div> <div class="col-lg-4 "> <ul> <li>GPS.GPSAltitude</li> <li>IFD0.YResolution</li> </ul> </div>
Second option:
Code:
<div class="col-12 col-md-6 col-lg-4"> <ul> <li>COMPUTED_<span style="font-size: 10pt;">ApertureFNumber</span></li> <li>EXIF.FNumber</li> </ul> </div> <div class="col-12 col-md-6 col-lg-4"> <ul> <li>EXIF.FocalLength</li> <li>FILE.MimeType</li> </ul> </div> <div class="col-12 col-md-6 col-lg-4"> <ul> <li>GPS.GPSAltitude</li> <li>IFD0.YResolution</li> </ul> </div>
But it did not help. What am I doing wrong?
The topic has been locked.
  • L
  • leoalv Moderator
  • 2 years 2 months ago #4
Sorry i forgot, everything must be inside
Code:
<div class="row"> .......YOUR CODE here ........</div>
The following user(s) said Thank You: Aleksej
The topic has been locked.
  • A
  • Aleksej Senior Member
  • Topic Author 2 years 2 months ago #5
Thank you. That helped. The question is closed.
The topic has been locked.