O bsPills( abaixo ) e o bsTabs, existente no MENU PRICIPAL, é um pseudo-componente que se vincula a um uniPAGECONTROL. 


O componente escolhido para usar com o rc_BootStrapRender foi um uniLabel. No Main.pas existe o bsTabs_Main, sua propriedade HINT contém a regra necessária para a renderização:



Hint: [[bsPills:light cls:btn-sm pgc:pgGeneral]]  ou  [[bsTabs:light cls:btn-sm pgc:pgGeneral]]


O uso dos colchetes( [[   ]] ) indica ao RadCORE onde começa e termina a cláusula a ser interpretada.


bsPills:light indica que é para renderizar o layout de PILLs ( botões aninhados ). "light" é o tema padrão bootstrap 


cls:btn-sm é a classe small do bootstrap


pgc:pgGeneral indica o componente pagecontrol que será vinculado ao bsPills




Veja mais detalhes e/ou exemplos em frmDEMO_TABS.






No exemplo "bsPILLS" ainda podemos configurar as cores de cada "aba" usando os seguintes atributos:


cls-active:aaaaaa

cls-tab1-active:aaaaaa

cls-tab2-active:aaaaaa

cls-tab3-active:aaaaaa....


Onde "aaaaaa" é o nome da classe css que deseja aplicar para a aba ativa. Estudo o conteúdo da propriedade hint do exemplo "bsPills".


Também no exemplo acima veremos a possibilidade de desativar o "Close ALL":

closeall:off 



       Ao clicar nos botões renderizados( as novas ABAS ), um AJAXEVENT é acionado para interagir com o pgGeral. No Main.pas há um uniHtmlFrame oculto padrão para responder a vários eventos AJAX. Debug o processo pois isso ajudará a entender melhor e até a extender as funcionalidades.


Created with the Personal Edition of HelpNDoc: Free EPub and documentation generator