Caso o leitor tenha adquirido a primeira edição deste curso, ele certamente notará a diferença na disposição do código XML. Como todo é qualquer idéia evolui (e deve evoluir), de inicio o código era apresentado por extenso, conforme abaixo:

<customUI  xmlns="http://schemas.microsoft.com/office/2006/01/customui">
       <ribbon startFromScratch="false">
        <tabs>
          <tab id="meuTab" label="Minha Guia" insertBeforeMso = "TabHome" >

         <!-- Início do primeiro grupo -->     
            <group  id="meuGrupo" label="Meu Grupo 1" > 

         </group  >

         <!--  Início do segundo grupo -->
            <group  id="meuGrupo2" label = "Meu Grupo 2">

         </group>

         <!--  Início do terceiro grupo -->
            <group  idMso="GroupShapes" visible="true" />

       </tab>
         </tabs>
       </ribbon>
   </customUI> 

Embora não haja nada de errado com tal método além de ser exatamente isso que observamos em arquivos XML, HTM, HTML, etc. Porém, o problema que temos de visualização é enorme.

Durante o processo de revisão deste curso, nem eu mesmo conseguia mais acompanhar o emaranhado de código XML. A solução foi “quebrar” o código em bloco (como fazemos no VBA quando utilizamos bloco With-End With; If-Then-End If, etc).

Deste modo, a dica que tenho a dar ao leitor é: AGRUPE. Talvez não seja o método ideal ou perfeito, porém, o agrupamento se mostrou bastante útil durante a revisão deste curso e facilitou muito a leitura do código XML como é mostrado abaixo:

         <group
               id="meuGrupo" 
               label="Meu Grupo 1">

            <button
               id="btn1" 
               imageMso="Italic" 
               label="Botão Grande" 
               size="large" 
               onAction="btnGrande"/>
    
               <button
                 id="btn2" 
                 imageMso="Bold" 
                 label="Botão Normal" 
                 size="normal" 
                 onAction="btnNormal"/>

            <button
                 id="btn3" 
                 imageMso="WrapText" 
                 label="Botão Normal" 
                 size="normal" 
                 onAction="btnNormal"/>

            <button
                 id="btn4" 
                 imageMso="ConditionalFormatting" 
                 label="Botão Normal" 
                 size="normal" 
                 onAction="btnNormal"/>
        </group> 

No exemplo acima, fica claro que os botões pertencem a um determinado grupo, ao passo que cada atributo (seja do grupo, botão ou outro elemento qualquer) é alinhado logo abaixo de seu elemento (controle) contenedor.