5.20 Improvement Request
Posted: 2013-11-01 12:47
Dear Ahmad, I'm loving the new release and am really happy with my testing of the new version.
I have already given someone advice in this forum about how to wrap text in responsive tables (via css) which could be an added as an option when defining the field (see http://forums.appgini.com/phpbb/viewtopic.php?f=2&t=830).
I have now discovered my own requirement / request.
Would it be possible when defining a field in a table that will have a url (usually very long) as it's content to request that the field have the css property word-break:break-all; so that the long url text is "wrapped" when displayed on narrow phone / tablet displays thus preserving the responsiveness of the design.
I have temporarily achieved this by adding
.url
{
word-break:break-all;
}
to the Slate css file
and
modifying the template so that the long url text appears between <p class="url"> .... </p> and will be split when the screen width reduces.
For example:
http://www.queensschoolrheindahlen.com/ ... /this_is_a very_long_url_textstring.html
would appear like
http://www.queensschoolrheindahle.com/respons
ive/this_is_a very_long_url_textstring.html
using the above method. Presently the field would not be split and would force the display width to remain at the length of the text.
Regards
Fred
I have already given someone advice in this forum about how to wrap text in responsive tables (via css) which could be an added as an option when defining the field (see http://forums.appgini.com/phpbb/viewtopic.php?f=2&t=830).
I have now discovered my own requirement / request.
Would it be possible when defining a field in a table that will have a url (usually very long) as it's content to request that the field have the css property word-break:break-all; so that the long url text is "wrapped" when displayed on narrow phone / tablet displays thus preserving the responsiveness of the design.
I have temporarily achieved this by adding
.url
{
word-break:break-all;
}
to the Slate css file
and
modifying the template so that the long url text appears between <p class="url"> .... </p> and will be split when the screen width reduces.
For example:
http://www.queensschoolrheindahlen.com/ ... /this_is_a very_long_url_textstring.html
would appear like
http://www.queensschoolrheindahle.com/respons
ive/this_is_a very_long_url_textstring.html
using the above method. Presently the field would not be split and would force the display width to remain at the length of the text.
Regards
Fred