WebSite X5Help Center

 
Rehan Athar
Rehan Athar
User

Extend Table Object  en

Autore: Rehan Athar
Visite 751, Followers 1, Condiviso 0  

Hi,

   I am creating a table with text and picture on Website X5 Pro, which I would like to extend up to the border of the web page. Like other obkect (example) TextBox.. Table object is not extending though I am getting this feature.

Please advise

Postato il
4 RISPOSTE - 1 UTILE
Esahc ..
Esahc ..
Moderator

Rehan, tables are a fixed width (based on page width), they do not extend and they will not shrink for lesser resolutions unless you choose to use 3rd party code eg https://helpcenter.websitex5.com/it/post/245588

In my opinion it is easier (better) to emulate the table by using the page layout, and whilst you cannot extend when you have multiple objects across the screen, you can set extra breakpoints in the pro edition in step 2 up to 1939px

You will then have absolute control of the layout at various resolutions.

Leggi di più
Postato il da Esahc ..
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese PT

... (It > En) ... it would be better to think about it in the project phase, as Esahc ..  indicated, ... but once things have already been done, we need to post the LINK to be able to evaluate any EXTRA code, ... which, if it were possible, would be nothing special transcendental...
> ... simple, elastic table, as per my code in the Esahc .. LINK...
> ... responsive table, more demanding, here: https://quellidelcucuzzolo.blogspot.com/2015/12/tabella-responsive-website-x5-12.html

.

ciao

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Axel  
Axel  
User

Hello,

Does not works by this way ?!

And to get it via an "elastic" effect you can add this CSS code into page properties.

<style>

table {
word-break: break-word;
}
</style>
<script>
  $( document ).ready(function() {
  $("table").css("width", "");
 });
</script>

Axel

Leggi di più
Postato il da Axel  
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese PT

... it's always my code, already correctly suggested by Esahc .. wink

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪