demo: Add word-wrap:break-word and remove parag. width

A page in Tizen widget demo app has a long word, which overflows the
screen width. A claim is issued in Tizen JIRA, pointing this overflow,
so this patch adds word-wrap:break-word option to separate long words
into two line.
And, paragraph width settings for sample code are removed, not to hide
some code area.
Solves N_SE-18310 and N_SE-19030.

Change-Id: I731a283e5a4e851ef5dc27e9750b84ffb3072c3d

diff --git a/demos/tizen-winsets/tips/custom-globalize-culture/custom-globalize-culture.html b/demos/tizen-winsets/tips/custom-globalize-culture/custom-globalize-culture.html
index 1395b26..cbabacc 100644 (file)
--- a/demos/tizen-winsets/tips/custom-globalize-culture/custom-globalize-culture.html
+++ b/demos/tizen-winsets/tips/custom-globalize-culture/custom-globalize-culture.html
@@ -4,7 +4,7 @@
        </div>
        <div data-role="content" >
                <h1>Loading custom globalize culture file</h1>
-               <p>A predefined Globalize culture file is loaded by the loader in Tizen Web UI Framework, according to the current language. If you want to load additional culture file, you can create each culture files, and let to choose one of them to load it by using $.tizen.util.loadCustomGlobalizeCulture() API.</p>
+               <p style="word-wrap:break-word;">A predefined Globalize culture file is loaded by the loader in Tizen Web UI Framework, according to the current language. If you want to load additional culture file, you can create each culture files, and let to choose one of them to load it by using $.tizen.util.loadCustomGlobalizeCulture() API.</p>
                <hr>
        </div>
        <div data-role="footer">

diff --git a/demos/tizen-winsets/tips/generate-elements-dynamically.html b/demos/tizen-winsets/tips/generate-elements-dynamically.html
index f2d08cd..30f5bf6 100755 (executable)
--- a/demos/tizen-winsets/tips/generate-elements-dynamically.html
+++ b/demos/tizen-winsets/tips/generate-elements-dynamically.html
@@ -9,7 +9,7 @@
                        <div>Example #1 Trigger Create</div>
                        <div>Trigger Create after append element on HTML.</div>
                        <div>
-                               <p style="width:100%; padding:1em; background-color:whitesmoke; color:black;
+                               <p style="padding:1em; background-color:whitesmoke; color:black;
                                                        border-width:3px; border-style:inset">
                                        $( "#checkboxItems" ).append( newhtml) ;<br>
                                        $( "#checkboxItems" ).trigger( "create" );<br>
@@ -32,7 +32,7 @@
                                Call buttonMarkup() or trigger "create" to the parent of button.
                        </div>
                        <div>
-                               <p style="width:100%; padding:1em; background-color:whitesmoke; color:black;
+                               <p style="padding:1em; background-color:whitesmoke; color:black;
                                                        border-width:3px; border-style:inset">
                                        /* Append new button */<br>
                                        var buttonTemplate = "&ltdiv data-role='button' data-inline='true' " + "data-icon='call' data-style='circle' " + "data-theme='s' class='newbutton'&gt&lt/div&gt"; <br>
@@ -58,7 +58,7 @@
                                To add new &ltLI&gt element on JQM listview, insert items and call "refresh" to the listview.<br>
                        </div>
                        <div>
-                               <p style="width:100%; padding:1em; background-color:whitesmoke; color:black;
+                               <p style="padding:1em; background-color:whitesmoke; color:black;
                                                        border-width:3px; border-style:inset">
                                        var listTemplate = "&ltli&gtAppended New Item&lt/li&gt";<br>
                                        $( listTemplate ).appendTo( "#listview" );<br>