Add the "READ MORE" option without changing your "CONTENT NOTES" form
Martin Ortega
5 Enero 2022
If you do not want to change the CONTENT NOTES form, here I put an option
Maybe you don't like the design (and neither do I) it's just an idea

I will tell you how to change the design

You just have to create a new ITEM DEFAULT TEMPLATE with this code


<div class="w3-container w3-yellow" style="margin:10px 10px;padding:20px; border:1px solid #b22222; border-radius:5px">

<ul id="enlacesubject"><li>
<$DXSubjectLink$></li></ul>
<span class="autormini">
<$DXAuthor$></span>
<i class="fa fa-calendar fa-fw w3"></i><span class="fechamini">
<$DXLocaleLongDate$></span>
<div id="content"><$DXItemContent$></div>

<div id="full">

<i class=" fa-fw"><img src="
/virgen.nsf/dx/flecha_abajo.png/$file/flecha_abajo.png" style="height:30px;width:25px;margin:0 5px 0 0"></i>
Read full post
</div>

<div id="titlefull">
<$DXSubjectLink$></div>
<div id="commentmini">

<i class="fa fa-comment" style="padding:0 5px 0 0"></i><span><$DXCommentCount$></span>

<span>
<$DXInlineCommentLink$></span>
</div>

<div class="categorias"><ul>
<$DXCategory$></ul></div>
</div>


Here is the result
Once created change the value in your configuration document

Does not like ??? ( me neither)

Important¡¡¡

I understand that you have changed the rest of the Templates using the documents in
this example But you have not modified your CONTENT NOTES form

You don't need to copy anything from the example
that this link shows, you only need what this entry shows
Below you have to add to your CSS and I will tell you what it is for and what changes you have to make if you do not like the current result


The first


<div class="w3-container w3-yellow" style="margin:10px 10px;padding:20px; border:1px solid #b22222; border-radius:5px">


You don't like the color yellow ???

Change here the color, border, border-radius, etc

The color ???

Here are the colors you can use

The CSS

Add this green code to your CSS

Only for SIZE 3, make the changes you want, when you like the result, add it to the rest of the sizes and make the changes you need for each size

I explain the code


#titlefull{max-width:200px;text-align: left;margin:0px 10px 10px 0px;font-size:110%;
display:inline-block;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden
}

#full{margin:0px;text-align:left;margin:10px 0 0 ;padding:10px 0px;font-size: 110%;color:444;}


max-width: 200px ???
If the title of your post is very long, this value will cut it and add points, give it the value you prefer.

webkit-line-clamp: 1 ???
the same, if the title of your post is very long, it will only show one line, be careful! here do not use padding, the result is not good, only margin.

How many lines of my post will I show at Home ???

I have already explained that in previous posts, it depends on the value of the "CONTENT" container in the stylesheet.

You can use different value for each size


I believe the rest of the code is clear
.

I am going to create a few entries to explain some things that I find interesting to improve this example.

The next example will be for people who have never used the Blog, as there are no old entries, we can do things as
shown in this NSF
Sin comentarios (de momento)

Autor SIDRA400

Mi nombre es Martín Ortega Novella, vivo en Asturias, casi toda mi vida laboral ha sido en IBM, pero ya estoy jubilado.
Siempre he utilizado Lotus Notes/Domino para mi blog, donde me he sentido más cómodo ha sido cuando estaba alojado en mi AS/400, ahora está en un iMac
Durante un año utilicé IBM WebSphere Portal Server, un gran producto pero volví a usar Lotus / Notes porque es lo que más gusta.
SIDRA400 es miembro del ESLUG (Spanish HCL Domino User Group).