Mensajes en español en twebbrowse

[mag071]

Saludos;
Quiero compartir con ustedes un script para colocar los mensajes en español del browse en search , tooltips, placeholder
sin modificar la clase twebbrowse.prg

lo pones al final del .view donde usas tweb browse
El Script también pone los botones de un tamaño mas grande a 'lg' mas grande. para los ciegos como yo

Código: Seleccionar todo

<script>
  var $table = $('#ringo')
  $(function() {
    $table.bootstrapTable()
    $table.bootstrapTable('refreshOptions', {
        locale: "es-SP" ,
        iconSize: "lg"
      }) 
	})  
</script>

[Cristobal]

Muy bien, gracias

[mag071]

Saludos ;

Logre sin cambiar nada de twebbrowse a través de script el efecto pijama para un browse.

Imagen del Browse con pijama

Código: Seleccionar todo

<script>
  var $table = $('#ringo')
  $(function() {
    $table.bootstrapTable()
    $table.bootstrapTable('refreshOptions', {
        locale: "es-SP" ,
	classes:"table table-bordered table-hover table-striped" ,
	iconSize: "lg"
      }) 
})
</script>

Igual aquí dejo todo el archivo .view para que sirva de ejemplo.

Código: Seleccionar todo

{{ View( 'common/nav.view' ) }}
{{ View( 'common/menuleft.view' ) }}

<style>

.table
{
  max-height:100%;
  height:auto;
}
#ringo td {
    font-weight: 600;
}
</style>

<main role="main" class="col-md-9 ml-sm-auto col-lg-10 px-md-4">
<div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">

<?prg 
    #include {{ TWebInclude() }}
	
    local aRows := pvalue(1)
	
    DEFINE WEB oWeb TITLE 'Libros' TABLES INIT

    DEFINE FORM o
	
	DEFINE FONT NAME 'MyFontSay' COLOR 'black'  FAMILY 'Impact' SIZE 18 OF o
	DEFINE FONT NAME 'MyFontGet' COLOR 'green' ITALIC SIZE 18 OF o
	
	INIT FORM o  
       ROWGROUP o
          SEPARATOR o LABEL 'Libros'
       END o 

HTML o

<div id="toolbar">
<a href="{{ Route( 'addcustomer' ) }}" id="addcustomer" class="btn btn-outline-primary" enable>
<i class="fa fa-plus-circle" aria-hidden="true"></i>Agregar
</a>
</div>

ENDTEXT

    	ROWGROUP o

          FOLDER oFld ID 'fld' TABS 'libros', 'ficha' PROMPT '<i class="fas fa-book"></i> Libros', '<i class="fas fa-book-reader"></i> Ficha' ADJUST OF o		
		                                                                        
			oFld:lBorder:=.T.
	
			DEFINE TAB 'libros' OF oFld
	
			DEFINE BROWSE oBrw ID 'ringo' ONCHANGE 'SelData' HEIGHT 400 EXPORT SEARCH TOOLS PRINT OF oFld
				ADD oCol TO oBrw ID 'codigo' HEADER 'Codigo' SORT 					
				ADD oCol TO oBrw ID 'autor'	 HEADER 'Autor'  SORT					
				ADD oCol TO oBrw ID 'titulo' HEADER 'Titulo' SORT 					
			INIT BROWSE oBrw DATA aRows	 

			ENDTAB oFld

			DEFINE TAB 'ficha' OF oFld
				
				    HTML oFld
						<div class="alert alert-dark form_title" role="alert">
							<h5 id="name" style="margin:0px;"></h5>
						</div>
					ENDTEXT
				
				    ROWGROUP oFld
						GET ID 'codigo'  VALUE '' GRID 4 LABEL 'Codigo' FONT 'MyFontGet' FONTLABEL 'MyFontSay' OF oFld
					END oFld
					ROWGROUP oFld
						GET ID 'titulo'  VALUE '' GRID 6 LABEL 'Titulo' FONT 'MyFontGet' FONTLABEL 'MyFontSay' OF oFld
					END oFld
					ROWGROUP oFld	
						GET ID 'autor'   VALUE '' GRID 6 LABEL 'Autor' FONT 'MyFontGet' FONTLABEL 'MyFontSay'  OF oFld
					END oFld	
					ROWGROUP oFld	
						GET ID 'status'  VALUE '' GRID 4 LABEL 'Status' FONT 'MyFontGet' FONTLABEL 'MyFontSay' OF oFld
					END oFld	
					
				ENDTAB oFld
			
			END oFld

		END o				
					
    END FORM o RETURN	
?>
</div>
</main>

<script>
  var $table = $('#ringo')
  $(function() {
    $table.bootstrapTable()
    $table.bootstrapTable('refreshOptions', {
        locale: "es-SP" ,
	classes:"table table-bordered table-hover table-striped" ,
	iconSize: "lg"
      }) 
})
</script>

<script>				
	function SelData( e, row ) {
					$('#titulo').val( row.titulo )
					$('#autor').val( row.autor )
					$('#status').val( row.status )
					$('#codigo').val( row.codigo )
					$('#name').html( '<b><i>' + row.titulo + '</i></b>' );
					$('.nav-tabs a[href="#ficha"]').tab('show');
				}					
</script>
			
<script>				
	$(document).ready(function() {
					$('.nav-tabs a[href="#libros"]').tab('show');
            	} )					
</script>
 

[charly]

Hola,

Como veis la gracia esta en donde no llega Tweb, le ponemos codigo nativo y se lo va tragando bien....

C.

[gabriel.martinez]

Gracias mag071, lo he incorporado a mi browse y funciona perfecto.