More responsive design

htdocs/opensurvey/card.php

@@ -214,7 +214,7 @@ $adresseadmin=$object->mail_admin;
 print $langs->trans("Title") .'</td><td colspan="2">';
 if ($action == 'edit')
 {
-	print '<input type="text" name="nouveautitre" size="40" value="'.dol_escape_htmltag(dol_htmlentities($object->titre)).'">';
+	print '<input type="text" name="nouveautitre" style="width: 95%" value="'.dol_escape_htmltag(dol_htmlentities($object->titre)).'">';
 }
 else print dol_htmlentities($object->titre);
 print '</td></tr>';
@@ -310,14 +310,26 @@ $urlwithroot=$urlwithouturlroot.DOL_URL_ROOT;		// This is to use external domain
 //$urlwithroot=DOL_MAIN_URL_ROOT;					// This is to use same domain name than current
 
 $url=$urlwithouturlroot.dol_buildpath('/public/opensurvey/studs.php',1).'?sondage='.$object->id_sondage;
-$urllink='<a href="'.$url.'" target="_blank">'.$url.'</a>';
+$urllink='<input type="text" style="width: 60%" '.($action == 'edit' ? 'disabled="disabled"' : '').' id="opensurveyurl" name="opensurveyurl" value="'.$url.'">';
 print $urllink;
+if ($action != 'edit')
+{
+	print '<script type="text/javascript">
+               jQuery(document).ready(function () {
+				    jQuery("#opensurveyurl").focus(function() { jQuery(this).select(); } );
+				});
+		    </script>';
+	print ' <a href="'.$url.'" target="_blank">'.$langs->trans("Link").'</a>';
 
+}
 print '</table>';
 
 dol_fiche_end();
 
-if ($action == 'edit') print '<div class="center"><input type="submit" class="button" name="save" value="'.dol_escape_htmltag($langs->trans("Save")).'"></div>';
+if ($action == 'edit')
+{
+	print '<div class="center"><input type="submit" class="button" name="save" value="'.dol_escape_htmltag($langs->trans("Save")).'"></div>';
+}
 
 print '</form>'."\n";
 

htdocs/opensurvey/css/style.css

@@ -1,4 +1,4 @@
-/* Copyright (C) 2004-2013	Laurent Destailleur		<eldy@users.sourceforge.net>
+/* Copyright (C) 2004-2015	Laurent Destailleur		<eldy@users.sourceforge.net>
  * Copyright (C) 2006		Rodolphe Quiedeville	<rodolphe@quiedeville.org>
  * Copyright (C) 2007-2012	Regis Houssin			<regis.houssin@capnetworks.com>
  * Copyright (C) 2011		Philippe Grand			<philippe.grand@atoo-net.com>
@@ -51,6 +51,8 @@ background: #f78d1d;
 background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
 background: -moz-linear-gradient(top, #faa51a, #f47a20);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
+margin-left: 4px;
+margin-right: 4px;
 }
 .orange:active {
 color: #fcd3a5;
@@ -73,6 +75,8 @@ background: #0095cd;
 background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
 background: -moz-linear-gradient(top, #00adee, #0078a5);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
+margin-left: 4px;
+margin-right: 4px;
 }
 .blue:active {
 color: #80bed6;

htdocs/opensurvey/wizard/index.php

@@ -48,8 +48,8 @@ print '<div class="center">';
 print '<p>'.$langs->trans("OrganizeYourMeetingEasily").'</p>';
 print '<div class="corps">';
 print '<br>';
-print '<div class="index_date"><div><img class="opacity" src="../img/date.png" onclick="document.formulaire.date.click()"></div><button id="date" name="choix_sondage" value="date" type="submit" class="button orange bigrounded"><img src="../img/calendar-32.png" alt="'.dol_escape_htmltag($langs->trans("CreateSurveyDate")).'"><strong>&nbsp;'.dol_escape_htmltag($langs->trans("CreateSurveyDate")).'</strong></button></div>';
+print '<div class="index_date"><div><img class="opacity imgopensurveywizard" src="../img/date.png" onclick="document.formulaire.date.click()"></div><button id="date" name="choix_sondage" value="date" type="submit" class="button orange bigrounded"><img src="../img/calendar-32.png" alt="'.dol_escape_htmltag($langs->trans("CreateSurveyDate")).'" style="padding-right: 4px">'.dol_escape_htmltag($langs->trans("CreateSurveyDate")).'</button></div>';
-print '<div class="index_sondage"><div><img class="opacity" src="../img/sondage2.png" onclick="document.formulaire.autre.click()"></div><button id="autre" name="choix_sondage" value="autre" type="submit" class="button blue bigrounded"><img src="../img/chart-32.png" alt="'.dol_escape_htmltag($langs->trans("CreateSurveyStandard")).'"><strong>&nbsp;'.dol_escape_htmltag($langs->trans("CreateSurveyStandard")).'</strong></button></div><div style="clear:both;"></div>';
+print '<div class="index_sondage"><div><img class="opacity imgopensurveywizard" src="../img/sondage2.png" onclick="document.formulaire.autre.click()"></div><button id="autre" name="choix_sondage" value="autre" type="submit" class="button blue bigrounded"><img src="../img/chart-32.png" alt="'.dol_escape_htmltag($langs->trans("CreateSurveyStandard")).'" style="padding-right: 4px">'.dol_escape_htmltag($langs->trans("CreateSurveyStandard")).'</button></div><div style="clear:both;"></div>';
 print '</div>';
 print '</div></form>';
 

htdocs/theme/eldy/style.css.php

@@ -447,6 +447,7 @@ textarea.centpercent {
 /* Styles to hide objects                                                         */
 /* ============================================================================== */
 
+.clearboth  { clear:both; }
 .hideobject { display: none; }
 .minwidth100 { min-width: 100px; }
 .minwidth200 { min-width: 200px; }
@@ -1359,8 +1360,6 @@ img.toolbarbutton {
 /* Onglets                                                                        */
 /* ============================================================================== */
 div.tabs {
-/*    margin: 0px 0px 2px 6px;
-    padding: 0px 6px 3px 0px; */
     text-align: <?php print $left; ?>;
     margin-left: 6px !important;
     margin-right: 6px !important;
@@ -3159,5 +3158,17 @@ border-top-right-radius: 6px;
 	padding-left: 54px;
 }
 
+
+/* CSS style used for small screen */
+
+.imgopensurveywizard
+{
+	padding: 0 4px 0 4px;
+}
+@media only screen and (max-width: 767px)
+{
+	.imgopensurveywizard { width:95%; height: auto; }
+}
+
 <?php
 if (is_object($db)) $db->close();