Fork me on GitHub




(1) 2 3 »


Thème SAKA: colonne droite masque article à éditer
Semi pro
Inscrit: 13/04/2006 23:26
De Aix en Provence
Messages: 1751
Bonjour ,

Un petit problème dont je n'arrive pas à me dépatouiller

Avec le thème SAKA il y a un problème pendant l'édition d'un article news. C'est bien le thème qui a un problème, car avec d'autres thèmes ce problème n'apparait pas.

En mode édition la colonne de droite (ou gauche car avec ce thème ça ne change rien) reste affichée, et se superpose au texte de l'article à éditer.

Toute la partie de texte sous la colonne est inaccessible.

Comment faire disparaitre cette colonne en mode édition ? (elle n'est pas présente avec les autres thèmes).

Ci-dessous vidéo qui montre le problème :

http://youtu.be/6End8ybcbNQ?list=UU_LaINWJ2PWJKkX6DixkCpA



Merci !

Posté le : 18/07/2014 21:49

signé: LionHell
Partager Twitter Partagez cette article sur GG+
Re: Thème SAKA: colonne droite masque article à éditer
Semi pro
Inscrit: 13/04/2006 23:26
De Aix en Provence
Messages: 1751
A tout hasard voici le theme.html :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<
html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<{$xoops_langcode}>">
<
head>
<!-- 
Theme name -->
    <{
assign var=theme_name value=$xoTheme->folderName}>
<!-- 
Directory html files -->
    <{
assign var=theme_name value=$xoTheme->folderName|cat:'/tpl'}>
<!-- 
Title and meta -->
<
title><{if $xoops_pagetitle !=''}><{$xoops_pagetitle}> : <{/if}><{$xoops_sitename}></title>
<
meta http-equiv="content-type" content="text/html; charset=<{$xoops_charset}>" />    
<
meta name="robots" content="<{$xoops_meta_robots}>" />
<
meta name="keywords" content="<{$xoops_meta_keywords}>" />
<
meta name="description" content="<{$xoops_meta_description}>" />
<
meta name="rating" content="<{$xoops_meta_rating}>" />
<
meta name="author" content="<{$xoops_meta_author}>" />
<
meta name="copyright" content="<{$xoops_meta_copyright}>" />
<
meta name="generator" content="XOOPS" />
 <!-- 
Favicon -->
<
link rel="shortcut icon" type="image/ico" href="<{$xoops_imageurl}>icons/favicon.ico" />
<
link rel="icon" type="image/png" href="<{$xoops_imageurl}>icons/icon.png" />
<!-- 
CSS -->
<
link rel="stylesheet" type="text/css" media="all" href="<{$xoops_imageurl}>superfish.css" />
<
link rel="stylesheet" type="text/css" media="all" href="<{$xoops_imageurl}>style.css" />
<
link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css' />

<
script src="<{$xoops_url}>/browse.php?Frameworks/jquery/jquery.js" type="text/javascript"></script>
<script type="text/javascript" src="<{$xoops_imageurl}>js/superfish.js"></script>
<script type="text/javascript" src="<{$xoops_imageurl}>js/supersubs.js"></script>
<script type="text/javascript" src="<{$xoops_imageurl}>js/popup.js"> </script>

<script type="text/javascript">
    $(document).ready(function(){ 
        $("ul.sf-menu").supersubs({ 
            minWidth:    12,   // minimum width of sub-menus in em units 
            maxWidth:    27,   // maximum width of sub-menus in em units 
            extraWidth:  1     // extra width can ensure lines don't sometimes turn over 
                               // due to slight rounding differences and font-family 
        })
        .superfish({  
        delay:       500,  // one second delay on mouseout 
            animation:   {height:'show'},  // fade-in and slide-down animation 
            speed:       'fast',
            dropShadows: false   
        }); 
    });
</script>
    
<!-- Module Header -->
<{$xoops_module_header}>

<!-- Test appartenance groupe -->
<{php}> 
    Global $xoopsUser;
    $this->assign( 'authorised_groups', array( 1,4,5) );
    $this->assign( 'user_group', is_object($xoopsUser) ? $xoopsUser->getGroups() : array(XOOPS_GROUP_ANONYMOUS) ); 
<{/php}> 

</head>
<body>
<!-- -->
<{if $xoBlocks.canvas_left or $xoBlocks.canvas_right}>
    <{assign var=columns_layout value='twocolumns-layout'}>
    <{assign var=block_layout value='twocolumns-block'}>
<{else}>
    <{assign var=columns_layout value='onecolumn'}>
    <{assign var=block_layout value='onecolumn-block'}>
<{/if}>
<!-- -->
<div class="wrapper">
<div class="wrapper_mid">
<div class="main">
<!-- Header -->
<div class="header1">
<div class="logo">
    <h1><a href="<{$xoops_url}>"><{$xoops_sitename}></a></h1>
    <h2><{$xoops_slogan}></h2>
</div><!--logo -->

<div class="search_box">
    <form action="<{$xoops_url}>/search.php" method="get">
    <fieldset>
      <input type="text" onfocus="if (this.value=='<{$smarty.const._SEARCH}>') this.value='';" onblur="if (this.value=='') this.value='<{$smarty.const._SEARCH}>';" value="<{$smarty.const._SEARCH}>" name="query" class="searchfield" id="ls" />
      <input type="hidden" name="action" value="results" />
      <input type="submit" value="<{$smarty.const._SEARCH}>" class="button" />
    </fieldset>
    </form> 
</div><!-- search_box-->
</div>
<!-- End Head Menu -->
<div class="container">
  <div class="container_bottom">
    <div class="container_mid">
      <div class="container_text">
<!-- {if $smarty.server.PHP_SELF=='/index.php'} -->
  <{include file="$theme_name/slider.html"}>
 <!-- {/if} -->
<div id="content">
<!-- Central Space -->
  <div class="centercolumn <{if $columns_layout}><{$columns_layout}><{/if}>">
  <!-- Center Top Blocks -->
    <{if $xoBlocks.page_topleft or $xoBlocks.page_topcenter or $xoBlocks.page_topright}>
      <{if $xoBlocks.page_topcenter}>
    <div class="centerblock-center <{if $columns_layout}><{$columns_layout}><{/if}>">
      <{foreach item=block from=$xoBlocks.page_topcenter}>
        <div class="center-center-container">
    <{if $block.title}>
    <div class="block-title"><{$block.title}></div>
    <{/if}>
    <div class="block-content"><{$block.content}></div>
    </div>
        <{/foreach}>
      </div>
     <{/if}>
     <{if $xoBlocks.page_topleft}>
      <div class="centerblock-left <{if $columns_layout}><{$block_layout}><{/if}>">
      <{foreach item=block from=$xoBlocks.page_topleft}>
    <div class="center-left-container">
    <{if $block.title}>
    <div class="block-title"><{$block.title}></div>
    <{/if}>
    <div class="block-content"><{$block.content}></div>
    </div>
      <{/foreach}>
      </div>
     <{/if}>
     <{if $xoBlocks.page_topright}>
       <div class="centerblock-right <{if $columns_layout}><{$block_layout}><{/if}>">
       <{foreach item=block from=$xoBlocks.page_topright}>
     <div class="center-right-container">
      <{if $block.title}>
      <div class="block-title"><{$block.title}></div>
      <{/if}>
      <div class="block-content"><{$block.content}></div>
    </div>
      <{/foreach}>
      </div>
    <{/if}>
   <{/if}>
  <!-- End Center Top Blocks -->
<{if $xoops_contents}>
          <div class="page-content <{if $columns_layout}><{$columns_layout}><{/if}>">
              <{$xoops_contents}>
          </div>
<{/if}>
<!-- Center Bottom Blocks -->
<{if $xoBlocks.page_bottomleft or $xoBlocks.page_bottomright or $xoBlocks.page_bottomcenter}>
 <{if $xoBlocks.page_bottomcenter}>
    <div class="centerblock-center <{if $columns_layout}><{$columns_layout}><{/if}>">
    <{foreach item=block from=$xoBlocks.page_bottomcenter}>
    <div class="center-center-container">
    <{if $block.title}>
    <div class="block-title"><{$block.title}></div>
    <{/if}>
    <div class="block-content"><{$block.content}></div>
    </div>
    <{/foreach}>
    </div>
  <{/if}>
  <{if $xoBlocks.page_bottomleft}>
   <div class="centerblock-left <{if $columns_layout}><{$block_layout}><{/if}>">
    <{foreach item=block from=$xoBlocks.page_bottomleft}>
      <div class="center-left-container">
      <{if $block.title}>
      <div class="block-title"><{$block.title}></div>
      <{/if}>
      <div class="block-content"><{$block.content}></div>
   </div>
   <{/foreach}>
  </div>
  <{/if}>
  <{if $xoBlocks.page_bottomright}>
    <div class="centerblock-right <{if $columns_layout}><{$block_layout}><{/if}>">
      <{foreach item=block from=$xoBlocks.page_bottomright}>
      <div class="center-right-container">
      <{if $block.title}>
      <div class="block-title"><{$block.title}></div>
      <{/if}>
      <div class="block-content"><{$block.content}></div>
    </div>
    <{/foreach}>
   </div>
  <{/if}>
  <div class="clear"></div>
 <{/if}>
<!-- End Center Bottom Blocks -->
</div>
<!-- End Central Space -->
<!-- Right Blocks -->
 <{if $xoBlocks.canvas_left or $xoBlocks.canvas_right}>
 

 <!-- CE QU'IL FAUDRAIT MASQUER EN MODE EDITION -->
  <div class="sidebar">
  <div class="bottom">
  <div class="mid">
  <div class="sidebar_text">
   <div class="rightcolumn">
   <{foreach item=block from=$xoBlocks.canvas_left}>
    <div class="right-block-container">
    <{if $block.title}>
    <div class="right-block-title image<{$block.id}>"><{$block.title}></div>
    <{/if}>
    <div class="right-block-content"><{$block.content}></div>
  </div>
  <{/foreach}>
   <{foreach item=block from=$xoBlocks.canvas_right}>
    <div class="right-block-container">
    <{if $block.title}>
    <div class="right-block-title image<{$block.id}>"><{$block.title}></div>
    <{/if}>
    <div class="right-block-content"><{$block.content}></div>
  </div>
  <{/foreach}>
  </div></div></div></div></div>
 <!-- FIN MASQUAGE -->
 


 <{/if}>
    <!-- End Right Blocks -->
    <div class="clear"></div>
</div>
</div></div></div></div><!-- containers -->
</div><!-- main -->
<!-- Footer -->
<div class="footer blue">
    <div class="footer_center">
        <div class="footer_mid">
            <!-- {if $smarty.server.PHP_SELF=='/index.php'} -->
              <{include file="$theme_name/prefoot.html"}>
              <!-- {/if} -->
            <div class="xoopsfooter"><{$xoops_footer}></div>
        </div>
    </div><!-- footer_center -->
</div>
</div><!-- wrappermid -->
</div><!-- wrapper -->
<script type="text/javascript" src="<{$xoops_imageurl}>js/twitter.min.js"></script>
<script type="text/javascript" charset="utf-8">
getTwitters('tweet', { 
  id: 'xoopsproject',
  count: 2, 
  enableLinks: true, 
  ignoreReplies: true, 
  clearContents: true,
  template: '"%text%" <a href="http://twitter.com/%user_screen_name%/statuses/%id_str%/">%time%</a>'
});
</script>
</body>
</html>


J'ai essayé de faire un test de $xoops_dirname , mais je ne sais comment traiter cette variable, car même en mode édition elle a la valeur "news".


Posté le : 19/07/2014 01:36

signé: LionHell
Partager Twitter Partagez cette article sur GG+
Re: Thème SAKA: colonne droite masque article à éditer
Semi pro
Inscrit: 13/04/2006 23:26
De Aix en Provence
Messages: 1751
En fait non ... je suis sur une mauvaise piste, car dans les thèmes qui fonctionnent le formulaire d'édition s'adapte à la largeur de la colonne centrale, et le problème avec SAKA c'est que le formulaire s'étend sur toute la largeur de la page !?

Pourquoi, puisqu'il n'y a pas de surcharge ? On peut soupçonner un problème de CSS ...

Le formulaire est dans une TABLE qui s'étire hors d'un DIV ... comment font les autre thèmes pour la contenir ?
Zetageneis en particulier ... je n'ai pas encore trouvé.

Posté le : 19/07/2014 01:48

signé: LionHell
Partager Twitter Partagez cette article sur GG+
Re: Thème SAKA: colonne droite masque article à éditer
Semi pro
Inscrit: 13/04/2006 23:26
De Aix en Provence
Messages: 1751
Quand je regarde le CSS avec l'explorateur IE ou FF avec F12 je vois que le formulaire est contenu dans une table avec "width: 100%;" qui est imbriquée dans un DIV qui a "width: 644px;"

Quand on sélectionne le DIV le contour se limite bien à 644px, et quand on sélectionne la TABLE, elle s'étend sur toute la largeur, hors du DIV donc ...

Ce qui n'arrive pas dans les autres thèmes.


Mais les 2 solutions sont acceptables:

1- Masquer la colonne en édition.
2- ou contenir la largeur de la table.

Ce doit être un détail, mais je ne le trouve pas.


Posté le : 19/07/2014 01:56

signé: LionHell
Partager Twitter Partagez cette article sur GG+
Re: Thème SAKA: colonne droite masque article à éditer
Admin Frxoops
Inscrit: 04/03/2011 09:10
De Lot
Messages: 2837
la 'table' doit se limité avec un 'width' fixe car le conteneur 'div' est fixe.
En mettant 100% tu l'autorise implicitement à s'agrandir (don à sortir tu cadre)si la table en a besoin

Comme toujours tu as plusieurs solutions

table {max-width644px;}


au plus simple

ou dans pour ta 'div'
tu ajoutes
div {hiddenoverflow;}

qui aura pour effet de mettre des barres de défilement si le contenu est trop grand.

Pour ma part je te conseillerai le premier, il y a encore d'autres méthodes et penses a adapter à ton cas, ici je n'ai mis qu'un exemple générale

Posté le : 19/07/2014 10:10
Partager Twitter Partagez cette article sur GG+
Re: Thème SAKA: colonne droite masque article à éditer
Semi pro
Inscrit: 13/04/2006 23:26
De Aix en Provence
Messages: 1751
Oui j'y ai pensé et cela amène un constat et une remarque.

Le constat :

Apparemment la table est créée par le fichier modules/news/submit.php dans lequel on trouve :

...
case 
'edit':
...
...
echo
"<table width='100%' border='0' cellspacing='1' class='outer'><tr><td class="odd">";
echo 
'<h4>' _AM_EDITARTICLE '</h4>';
$title $story->title('Edit');
$hometext $story->hometext('Edit');
$bodytext $story->bodytext('Edit');
$nohtml $story->nohtml();
$nosmiley $story->nosmiley();
$description $story->description();
$keywords $story->keywords();
$ihome $story->ihome();
$newsauthor=$story->uid();
$topicid $story->topicid();
$notifypub $story->notifypub();
$picture $story->picture();
$approve 0;
$published $story->published();
if (isset(
$published) && $published 0) {
 
$approve 1;
}
if ( 
$story -> published() != 0) {
 
$published $story->published();
}
if ( 
$story -> expired() != 0) {
 
$expired $story->expired();
} else {
 
$expired 0;
}
$type $story -> type();
$topicdisplay $story -> topicdisplay();
$topicalign $story -> topicalignfalse );
if(!
news_is_admin_group()) {
include_once 
XOOPS_ROOT_PATH.'/modules/news/include/storyform.inc.php';
} else {
 include_once 
XOOPS_ROOT_PATH.'/modules/news/include/storyform.original.php';
}
echo
'</td></tr></table>';


J'ai remplacé le width='100%' par width='644px' , mais cela n'a eu aucun effet.

Peut-être que cette table est également créée dans un autre fichier mais je n'ai pas trouvé.


La remarque :

Dans d'autres thèmes cela ne pose pas de problème. Mais il est vrai que la structure du thème.html est différente. Par exemple dans zetagenesis la table est elle-même imbriquée dans une table et pas un div.

D'autre part, en supposant que la limitation de largeur fonctionne dans submit.php, cela veut dire que si je change de thème la table sera limitée dans tous les thèmes ...

Posté le : 19/07/2014 11:42

signé: LionHell
Partager Twitter Partagez cette article sur GG+
Re: Thème SAKA: colonne droite masque article à éditer
Semi pro
Inscrit: 13/04/2006 23:26
De Aix en Provence
Messages: 1751
Si je m'acheminais vers un masquage de la colonne plutôt que la restriction de largeur comment testerais-tu le fait de savoir si je suis en édition d'article.

Car masquer la colonne est facile, je l'ai fais en testant avec $xoops_dirname, ça marche bien. Sauf que je ne sais pas trouver le critère qui va bien pour masquer la colonne.

$xoops_dirname n'est pas un critère pertinent car en édition on reste sur 'news'. Et si je dis qu'avec 'news' il faut masquer cela veut dire qu'en lecture la colonne sera masquée !

Si vous trouvez une solution soit en masquant la colonne, soit en restreignant la largeur de la table cela me convient !

Posté le : 19/07/2014 11:50

signé: LionHell
Partager Twitter Partagez cette article sur GG+
Re: Thème SAKA: colonne droite masque article à éditer
Semi pro
Inscrit: 13/04/2006 23:26
De Aix en Provence
Messages: 1751
Yess ! Ca y est j'ai trouvé !

Le width doit s'appliquer sur le TD et pas sur TABLE !!!


Enfin ce n'est qu'à moitié réglé, car en procédant ainsi cela limite la largeur du formulaire d'édition pour tous les thèmes !


Ha ben non !! Je ne comprends pas pourquoi, mais ça ne change rien dans les autres thèmes !

Posté le : 19/07/2014 11:59

signé: LionHell
Partager Twitter Partagez cette article sur GG+
Re: Thème SAKA: colonne droite masque article à éditer
Semi pro
Inscrit: 13/04/2006 23:26
De Aix en Provence
Messages: 1751
GASP !!!! en rafraichissant la page le problème revient !!!!

Bouhouuu !

Posté le : 19/07/2014 12:05

signé: LionHell
Partager Twitter Partagez cette article sur GG+
Re: Thème SAKA: colonne droite masque article à éditer
Admin Frxoops
Inscrit: 05/03/2005 05:20
De Vaucluse
Messages: 960
Salut lionhell,

Regardes aussi si tu n'aurais pas un problème d'héritage de classes.
As tu jeté un œil dans l'inspecteur de FF ?
Essaie de ne laisser que style.css dans ton thème pour voir.

<link rel="stylesheet" type="text/css" media="all" href="<{$xoops_imageurl}>style.css" />


Posté le : 19/07/2014 12:17

Open in new window

Xoops 2.5.7.2 - Debian 8.2 - Apache 2.4.10 - MySQL 5.5.47 - Php 5.6.17
Partager Twitter Partagez cette article sur GG+

 Haut   Précédent   Suivant
(1) 2 3 »



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.

Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

37 Personne(s) en ligne (28 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 37 | Plus ...