Domino on Linux/Unix, Troubleshooting, Best Practices, Tips and more ...

 
alt

Daniel Nashed

 

Responsive sizing for the old Domino blog template

Daniel Nashed  27 March 2023 08:39:43
The old Domino blog template isn't really responsive and specially on mobile devices it cuts off text.
There is a simple change for the default.css which you can find in Resources/Style Sheets

Thanks to Theo Heselmans for fixing my blog with this tip!!


#entries img {
width: 100%;
max-width: 800 px;
}


Comments

1Henning Heinz  27.03.2023 10:39:47  Responsive sizing for the old Domino blog template

Sory to say but it does not look nice on my WQHD display.

Maybe splittng entries and img makes more sense?

#entries {

width: 100%;

max-width: 800 px;

}

#entries img {

something else;

}

Henning

2Henning Heinz  27.03.2023 10:41:45  Responsive sizing for the old Domino blog template

Screenshot to describe what I see

https://snipboard.io/XObmvP.jpg

3Theo Heselmans  27.03.2023 14:56:08  Responsive sizing for the old Domino blog template

Glad I was able to help Daniel.

Henning: I have a huge screen as well, but I never open up a webpage at full width. Most website look horrible that way.

4Daniel Nashed  27.03.2023 20:31:10  Responsive sizing for the old Domino blog template

This isn't an image problem. The graphics on top is off.

I will not spend much time on my blog template.

And I am not a web developer. If you want to test it out Henning and come with a ready to go solution that looks OK on large and small screens, I will change it.

The problem is really the blog template and I am not a web developer at all. I just want to use it.

Nobody can be an expert on verything my blind spot is web development & Java ;-)

5Martín   27.03.2023 23:11:20  Responsive sizing for the old Domino blog template

I think saying that the old blog has become responsive by adding that little code to the CSS seems a bit of an exaggeration.

In any case, we could say that its appearance has improved a lot because this nsf has not been created to be used with a mobile device.

Years ago (many) I proposed another solution, I think it was simpler, because to modify the default.css you need the Designer, with the solution that I propose it is not necessary,

Maybe tomorrow I will explain because now in my town it is time to sleep.

Best Regards

6Martín  28.03.2023 8:09:02  Responsive sizing for the old Domino blog template

I'm here again, I've created two databases using the blog template, both have a single (identical) document.

I have only made a small change (the default.css has not been modified)

Does anyone know why the nsf test1 is relatively good ??? (nsf test is almost ineligible)

The answer is very easy, you just need to look at the source code of the page.

Link test1.nsf

https://www.slug.es/test1.nsf

Link test.nsf

https://www.slug.es/test.nsf

Un saludo

7Martín   30.03.2023 6:41:12  Responsive sizing for the old Domino blog template

Aunque parece que este tema no le interesa a casi nadie lo voy a aclarar pero lo haré en español que es el idioma que mejor manejo

Una página web puede tener todas las Css que quiera el desarrollador, el blog de Domino tiene dos, la default.css y la global.css

Está claro que para modificar la default.css necesito el Designer pero para modificar la global.css no es necesario.

Lo mejor que tiene este blog es que puedes cambiar el diseño (HTML) sin necesitad de usar el Designer, en mi caso es perfecto porque yo tengo el cliente Notes en un Mac y como todo el mundo sabe no existe el Designer para MacOS.

La global.css es un documento que forma parte de este Template (un Template viejo pero excelente) pero está vacío, no tiene contenido.

Si añadimos el código que controla el tamaño de la imágenes del blog en esta CSS evitaremos el problema que comenta el autor de esta entrada.

Desde luego esto no convierte esta Nsf en una app Responsive

Alguien podría preguntar dónde está definida la CSS global, bueno, eso lo dejo para otro momento

Dice el autor de este post “no sé nada de desarrollo web, no voy a saber de todo”. Es curioso, en todo los años que estuve en IBM conocí a gente muy buena, hacían excelentes aplicaciones con Notes, eran expertos en Java, LotusScripts, etc, también eran excelentes administradores de Domino pero no les podías preguntar qué era una CSS porque no lo sabían, además no les interesaba.

Sus aplicaciones eran buenísimas pero feísimas, sobre todo vistas desde un navegador (no habían sido diseñadas para eso)

Después llegaron las xpages y la cosa empezó a mejor un poco, ya hacían aplicaciones con mejores diseños.

Bueno, volveré por aquí para contar lo de la global CSS y porqué funciona mejor el código que yo propongo que el que usó el autor de esta entrada, pero ahora me tengo que ir.

Best Regards from Spain

8Martín   30.03.2023 7:30:40  Responsive sizing for the old Domino blog template

Tenía prisa porque tenía que sacar al perro a pasear pero ya estoy de vuelta.

Una cosa importante que quiero decir antes de seguir hablando de estas cosas

A mi este blog me parece excelente (aunque es muy feo)

Me parece excelente por sus contenidos, la pena es que no tengamos más blog como este.

Aclarado esto me vuelvo a ir, voy a darme un baño en el mar Mediterráneo.

Un saludo

9Martín   31.03.2023 5:07:48  Responsive sizing for the old Domino blog template

I'm here again.

800px ??? why 800px???

Of course I respect this code, I'm sure the author has some explanation for using this maximum size, but my proposal is different.

I'm going to explain it but in Spanish.

Es un poco temprano pero me ha despertado mi hijo con sus mensajes por whatsapp, está en la India y se le ha olvidado que aquí son las 7 de la mañana.

Desde luego usando ese código en la default.css el tema ha mejorado bastante, de hecho parece que el autor de esta entrada se le ve muy satisfecho, antes de añadir ese código este blog era horrible desde un smartphone.

La solución que yo propongo es mejor (creo, aunque yo tampoco soy un experto en estas cosas) primero porque no necesita modificar la default.css (si no está familiarizado con las CSS’s podría “romper” el blog)

Si usa el código en la global.css el riesgo es menor, también podría “romper” el blog pero corregir el problema sería más fácil.

Y segundo porque si decimos que la anchura de las imágenes tiene que ser 100% estamos ajustando el tamaño al espacio disponible del dispositivo que estemos usando para ver el blog, no importa que la imagen tenga 2000px de ancho, en un smartphone se verá con el tamaño adaptado a la resolución disponible.

Otra cosa es el diseño Responsive, sería relativamente sencillo hacer que esta nsf tuviera un diseño adaptado a los tiempos actuales, pero ni IBM se preocupó de este tema y parece que a HCL tampoco le interesa.

Que Domino tenga unos buenos Templates yo creo que sería muy bueno para el producto, pero a nadie le interesa este tema, además ya es un poco tarde.

Si alguien ha visitado alguna vez mi blog, o el Eslug podrá comprobar que solía poner ejemplos del Template del blog de Domino para descarga libre, los he quitado, alguien de HCL me aconsejó que lo hiciera para evitar tener problemas (por el copyright)

No voy a decir lo que pienso, hace años que estoy jubilado y no quiero polémica ni problemas, aunque me gustaría que liberaran este Template.

Bueno, yo creo que ya está bien, de momento me olvido de esto, siento haber sido un poco (bastante) pesado, pido disculpas.

Best Regards from Spain

Links

    Archives


    • [HCL Domino]
    • [Domino on Linux]
    • [Nash!Com]
    • [Daniel Nashed]