Vous êtes ici Forums
  |  Connexion
 Forums
HomeHomeForums DNNForums DNNDesign, présent...Design, présent...Probleme de largeur avec SolpartmenuProbleme de largeur avec Solpartmenu
Précédente
 
Suivante
Nouveau message
07/10/2008 21:18
 

Bonjour,

utilisateur debutant de DNN j'essaye de personnaliser mon menu en utilisant le solpartmenu, cependant je n'arrive pas a avoir une taille fixe de largeur de mes boutons dans le menu, j'ai essaye de mettre un separateur comme suit, rien n'y fait.
Dans mon fichier persomenu.ascx j'ai mis cela : <dnn:SOLPARTMENU runat="server" id="dnnSOLPARTMENU" Display="Horizontal" CSSSeparator="MainMenu_MenuSeparator" />
Dans mon fichier personmenu.xml, j'ai bien declare le cssseparator :
   <Setting>
    <Name>CSSSeparator</Name>
    <Value>MainMenu_MenuSeparator</Value>
   </Setting> 
Enfin dans ma feuille de style persomenu.css j'ai declare les rollovers comme il faut...
Pour arriver a voir le nom complet dans mon bouton il faut qu'il soit "long", ex : mes images de boutons font 140 de large, si le texte est important "les newsletters" je vais avoir le debut et la fin de mon bouton, par contre "infos" ne me montre que le debut du bouton, le bouton suivant etant colle. D'ou le fait que je me dis il faudrait que je mettre un separateur, mais rien n'y fait ? Je m'embrouille.

Si vous avez des informations sur le sujet pour me permettre de mettre en fond de mon menu des images de tailles definies a l'avance je suis preneur.

En vous remerciant par avance de vos reponses.
JM

 
Nouveau message
08/10/2008 01:55
 

Bonjour JM,

Cela ressemble plus à un problème de CSS. Je te conseille de partir à 0 sur le CSS, et surtout lorsqu'il s'agit du SolPartMenu. Si tu as une URL publique je veux bien t'aider.

seb

 
Nouveau message
08/10/2008 11:19
 

Bonjour a tous,

Tout d'abord, Seb, merci de ta reponse, elle m'indique au moins que cela est possible. D'ailleurs ca l'est puisqu'avec Chrome par exemple je vois bien ces boutons dans leurs ensembles - meme si d'autres points surviennent comme le positionnement des boutons, la transparence, ou encore ce fameux CSSSeparator que je ne vois toujours pas.
Concernant l'url publique, je ne dispose pas d'hebergement Windows (au passage si tu en connais de bons et pas chers, logique, je suis preneur). Pour l'instant faut que je fasse avec.
Juste une precision sur Solpartmenu, est-ce que ma demarche suivante est tout ce que j'ai a faire pour bien l' utiliser ? N'y-a-t-il rien a d'autres a declarer par ailleurs, par exemple ?

Ma demarcher, je declare :

1) dans mon skin persomenu.html : [SOLPARTMENU]
2) dans persomenu.aspx : <dnn:SOLPARTMENU runat="server" id="dnnSOLPARTMENU" Display="Horizontal" CSSSeparator="MainMenu_MenuSeparator" />
3) dans skin.xml : 
 <Object>
  <Token>[SOLPARTMENU]</Token>
  <Settings> 
   <Setting>
    <Name>Display</Name>
    <Value>Horizontal</Value>
   </Setting>
 
   <Setting>
    <Name>CSSSeparator</Name>
    <Value>MainMenu_MenuSeparator</Value>
   </Setting>   

  </Settings>
</Object>
3) enfin dans skin.css les styles qui vont bien. 

A propos de ce 3eme point, j'ai vu des declarations de css avec des noms autres que les standards que j'utilise. Dans mon cas, je fais reference a des MainMenu_MenuItem ou encore des MainMenu_MenuItemSel, alors comment, et ou peux-t-on declarer que l'on va plutot travailler avec un CKJVE_MenuItem, CKJVE_MenuItemSel, sachant que le sur le HTML declarant SOLPARTMENU on n'a pas la main, serait-ce dans le fichier d'extension aspx ?
Aux vues de toutes ces interrogations, inutile de preciser que tous conseils sera le bienvenu.
J'ai consulte en autre cette url : http://www.skinningtoolkit.com/DOTNETNUKECLASSES/SolpartMenu/SolpartMenuAdditionalClasses/tabid/188/Default.aspx
cependant je crois que l'essentiel m'echappe.

En esperant egalement que mes interrogations serviront a d'autres, merci de votre attention.
JM

 
Nouveau message
08/10/2008 17:37
 

Ok bon alors on reprend depuis le début.

Les bons concepts de travail voulus par Dotnetnuke :
- Tu installes une première fois ton skin,
- Tu portes tes modifications sur le fichier HTML placé dans /Portals/ID/Skins/ ou _DEFAULT et non le fichier ASCX qui se trouve au même endroit,
- Tu enregistres ton fichier HTML et tu ciques sur "Analyser le thème" après avoir sélectionné le thème sur lequel tu travailles, et ce, depuis l'interface Hôte > Thèmes ou Admin > Thème (selon que le skin se trouve dans le répertoire du portail ou dans le répertoire par défaut.). Dans ce processus, les tokens (Ex : [SOLPARTMENU]) et leur configuration associée dans Skin.xml, seront lu, analysés, et transformés en leur équivalent CodeBehind.
- Si tu dois ensuite exporter le skin pour l'installer sur un autre Dotnetnuke, alors tu zippes le contenu de Containers/NomDeTonSkin/ dans un zip nommé "Containers.zip", le contenu de /Skins/NomDeTonSkin/ dans "Skins.zip", et les deux zip dans un nouveau zip nommé "NomDeTonSkin.zip". Dans cette procédure, tu n'inclus pas les ASCX car ils seront recréés automatiquement lors de l'installation (et c'est pour ça qu'on travaille toujours sur les HTML, car les ASCX ne seront pas conservés au final lors de l'export/import).

Par exemple, CSSSeparator ne fonctionne pas lorsque tu le mets dans ton ASCX directement, car la propriété s'appelle cssseparatorclass dans le CodeBehind. Pour que comprenne bien qui poura, prenons la configuration suivante :

<Object>
  <Token>[SOLPARTMENU]</Token>
  <Settings> 
   <Setting>
    <Name>Display</Name>
    <Value>Horizontal</Value>
   </Setting>
 
   <Setting>
    <Name>CSSSeparator</Name>
    <Value>MainMenu_MenuSeparator</Value>
   </Setting>   

  </Settings>
</Object>

associée au token [SOLPARTMENU] se trouvant dans le fichier HTML, sera transformé lors de l'analyse par :

<dnn:SOLPARTMENU runat="server" id="dnnSOLPARTMENU" Display="Horizontal" cssseparatorclass="MainMenu_MenuSeparator" />

Donc dans ton cas, si tu cliques simplement sur "Analyser le thème", ta configuration va (probablement) se mettre à fonctionner  : http://88.191.55.88/Screenshot-20081008-174336.png

Le tableau suivant t'en dira un peu plus sur les attributs utilisables pour le Solpartmenu dans skin.xml (colonne NavgationProvider) et dans l'ascx (colone ASCX Property). En l'occurence, si tu utilises le Solpart, tu utilises le SolpartmenuNavigationProvider. Sache également que tu peux essayr avec [DNNMENU]. Tu peux trouver ici l'ensemble des paramètres configurables pour ce menu, pour modifier, par exemple MenuItemSel en MenuItemPoivre.

Ce tableau n'est pas forcément à jour, ainsi je te recommande de lire attentivement la documentation du Solpartmenu fournie dans la documentation Dotnetnukie (Skinning PDF) : http://downloads.sourceforge.net/dnn/DotNetNuke_4.4.1_Docs.zip?modtime=1169727857&big_mirror=0


NavigationProvider SolpartMenu.ascx
Property
Own
Settings
SolpartMenu
Navigation
Provider
DNNMenu
Navigation
Provider
DNNTree
Navigation
Provider
Paths
PathImage     x    
PathSystemImage useskinpatharrowimages   x x x
PathSystemScript     x x x
Rendering
ForceDownLevel forcedownlevel   x   x
ForceCrawlerDisplay forcefullmenulist   x    
ControlOrientation display   x x  
ControlAlignment menualignment   x    
Mouse Properties
MouseOutHideDelay menueffectsmouseouthidedelay, mouseouthidedelay   x    
Mouseoverdisplay menueffectsmouseoverdisplay   x    
MouseoverAction menueffectsmouseoverexpand   x    
Arrows
IndicateChildren usearrows   x x x
downarrow  
rightarrow  
IndicateChildImageSub     x x x
IndicateChildImage     x x x
IndicateChildImageExpandedSub         x
IndicateChildImageExpandedRoot         x
Custom HTML
NodeLeftHTMLRoot rootmenuitemlefthtml   x    
NodeRightHTMLRoot rootmenuitemrighthtml   x    
NodeLeftHTMLSub submenuitemlefthtml   x    
NodeRightHTMLSub submenuitemrighthtml   x    
  usesubmenubreadcrumbarrow   x    
  userootbreadcrumbarrow   x    
NodeLeftHTMLBreadCrumbSub     x    
NodeRightHTMLBreadCrumbSub     x    
NodeLeftHTMLBreadCrumbRoot     x    
NodeRightHTMLBreadCrumbRoot     x    
SeparatorHTML separator   x x  
SeparatorLeftHTML leftseparator   x x  
SeparatorRightHTML rightseparator   x x  
SeparatorLeftHTMLActive leftseparatoractive   x x  
SeparatorRightHTMLActive rightseparatoractive   x x  
SeparatorLeftHTMLBreadCrumb leftseparatorbreadcrumb   x x  
SeparatorRightHTMLBreadCrumb rightseparatorbreadcrumb   x x  
CSS
CSSControl menubarcssclass   x x x
CSSContainerRoot menucontainercssclass   x    
CSSContainerSub submenucssclass   x x  
CSSBreak menubreakcssclass   x    
CssIndicateChildSub menuarrowcssclass   x    
CSSIndicateChildRoot menurootarrowcssclass   x    
CSSNode menuitemcssclass   x x x
CSSNodeRoot rootmenuitemcssclass   x x x
CSSBreadCrumbSub submenuitembreadcrumbcssclass   x x x
CSSBreadCrumbRoot rootmenuitembreadcrumbcssclass   x x x
CSSNodeSelectedRoot rootmenuitemactivecssclass   x x x
CSSNodeSelectedSub submenuitemactivecssclass   x x x
CSSNodeHover menuitemselcssclass   x x x
CSSNodeHoverSub submenuitemselectedcssclass   x x x
CSSNodeHoverRoot rootmenuitemselectedcssclass   x x  
CSSSeparator separatorcssclass   x x  
CSSLeftSeparator leftseparatorcssclass   x x  
CSSRightSeparator rightseparatorcssclass   x x  
CSSLeftSeparatorSelection leftseparatoractivecssclass   x x  
CSSRightSeparatorSelection rightseparatoractivecssclass   x x  
CSSLeftSeparatorBreadCrumb leftseparatorbreadcrumbcssclass   x x  
CSSRightSeparatorBreadCrumb rightseparatorbreadcrumbcssclass   x x  
CSSIcon menuiconcssclass   x x x
Styles
StyleBackColor     x    
StyleForeColor     x    
StyleHighlightColor     x    
StyleIconBackColor     x    
StyleSelectionBorderColor     x    
StyleSelectionColor     x    
StyleSelectionForeColor     x    
StyleControlHeight     x    
StyleBorderWidth     x    
StyleNodeHeight     x    
StyleIconWidth     x    
StyleFontNames     x    
StyleFontSize     x    
StyleFontBold     x    
Animation
EffectsShadowColor menueffectsshadowcolor   x    
EffectsTransition menueffectsmenutransition   x    
EffectsDuration menueffectsmenutransitionlength   x    
EffectsShadowDirection menueffectsshadowdirection   x    
EffectsShadowStrength menueffectsshadowstrength   x    
EffectsStyle menueffectsstyle   x    
Misc
  cleardefaults   x    
  separatecss   x    
  level   x    
  rootonly   x    
  tooltip   x    
  moveable        

 

Une fois que j'ai dit tout ça, je ne saurai que trop te conseiller d'investir dans RadMenu, parce que franchement, je n'ai jamais rien vu d'aussi efficace (mis à part un menu perso qui produisait des DD DT).

seb

 
Précédente
 
Suivante
HomeHomeForums DNNForums DNNDesign, présent...Design, présent...Probleme de largeur avec SolpartmenuProbleme de largeur avec Solpartmenu