solucion
  • 0
  • 4 RepliesReplies
  • 2437 ReadTimes Read
  • 0 PointsPoints

Topic: Responsive design en mod Activity Last Topics V1

no avatar
Usuario: TheSilencer
Rango: Recién Llegado
Mensajes: 43
Points: 0
Mi web: http://invokergamers.com/foroig
Perfil: View Profile
Pais:
ar
Responsive design en mod Activity Last Topics V1

Datos importantes:
Url del foro:
Version de SMF: 2.0.15
Theme del foro:
Cuenta demo: User: prueba pass: 123123

Descripcion del problema:
Buenas, tengo un inconveniente con este mod, lo que sucede es que al ver por celular el mismo (pueden comprobarlo ustedes mismos achicando el navegador), el MOD Activity Last Topics V1 no se adapta a un responsive óptimo y termina haciendome muy ancho el foro, al punto de tener que scrolear hacia la derecha, cosa que en el celular esto es muy molesto.

Cómo se podría solucionar?
Usuario: 4kstore
Rango: Moderador Global
Mensajes: 4916
Points: 8111
Mi web: http://www.smfsimple.com
Perfil: View Profile
Pais:
ar
Re: Responsive design en mod Activity Last Topics V1
Reply #1 June 11, 2018 - 12:16 12:16
El problema es que estos mods estan armados para el theme default el cual no es responsive.
En tu caso tenes dos opciones, eliminar las tablas del mod y hacerlos con divs para que se pongan uno debajo del otro o ya que el theme utiliza bootstrap agregar al div que es padre de la tabla la clase "table-responsive" lo que hara que siga comportandose como una tabla pero tendra un scroll horizontal solo en la parte de la tabla.

no avatar
Usuario: TheSilencer
Rango: Recién Llegado
Mensajes: 43
Points: 0
Mi web: http://invokergamers.com/foroig
Perfil: View Profile
Pais:
ar
Re: Responsive design en mod Activity Last Topics V1
Reply #2 June 11, 2018 - 03:26 15:26
El problema es que estos mods estan armados para el theme default el cual no es responsive.
En tu caso tenes dos opciones, eliminar las tablas del mod y hacerlos con divs para que se pongan uno debajo del otro o ya que el theme utiliza bootstrap agregar al div que es padre de la tabla la clase "table-responsive" lo que hara que siga comportandose como una tabla pero tendra un scroll horizontal solo en la parte de la tabla.

Ahhh entiendo, me explicarías en qué parte se agrega el table-responsive? esto en el ActivityLastTopics.template.php?
Usuario: 4kstore
Rango: Moderador Global
Mensajes: 4916
Points: 8111
Mi web: http://www.smfsimple.com
Perfil: View Profile
Pais:
ar
Re: Responsive design en mod Activity Last Topics V1
Reply #3 June 11, 2018 - 05:22 17:22
Exacto,
Seria buscar:
Code: [Select]
<div class="tborder topic_table">
Y reemplazar con:
Code: [Select]
<div class="tborder topic_table table-responsive">
no avatar
Usuario: TheSilencer
Rango: Recién Llegado
Mensajes: 43
Points: 0
Mi web: http://invokergamers.com/foroig
Perfil: View Profile
Pais:
ar
Re: Responsive design en mod Activity Last Topics V1
Reply #4 June 11, 2018 - 06:22 18:22
Exacto,
Seria buscar:
Code: [Select]
<div class="tborder topic_table">
Y reemplazar con:
Code: [Select]
<div class="tborder topic_table table-responsive">

Solucionado, muchas gracias
 

TAGS



top

Smfsimple.com es un sitio destinado a brindar un servicio de soporte y herramientas para foros realizados con el sistema de foros gratuito simplemachines.org. Contamos con un selecto equipo de desarrolladores y conocedores del sistema, sus foros estaran en buenas manos.
This site is not affiliated with or endorsed by Simple Machines