Formulário Principal: Barra de Menus



  • Bom eu não sei bem se eu estou postando no lugar certo, :| ate ia postar em [url=http://forum.softwell.com.br/viewforum.php?f=37url]"Customização de Layout (Skins)"[/url] mas acho que a minha duvida é mais sobre formulário e componentes.

    Acabo de terminar um sistema e gostaria que ele tivesse uma apresentação mais para o lado de software, então pesquisei sobre o assunto e achei alguns tópicos explicando sobre como personalizar a aplicação e sobre trabalhar com formulário principal. Acho que o mais famoso deles o [url=http://www.softwell.com.br/2012/01/personalizando-o-skin-da-sua-aplicacao/url]"Personalizando o skin da sua aplicação, By Leonardo Borges | 6 de janeiro de 2012"[/url] onde são explicados ótimos truques de personalização de aplicações do maker.

    Então criei o seguinte formulário >>[img]http://img27.imageshack.us/img27/5922/22729210.jpg[/img]

    e o coloquei como meu formulário principal, ate ai tudo bem :D. Mas ai eu me esbarrei no seguinte problema, a área de trabalho do Maker me permite a edição da barra de menus do projeto >>> [img]http://suporte.softwell.com.br/maker/manual2_7/pt/image22.jpg[/img]
    [img]http://img689.imageshack.us/img689/9498/semttulopkx.jpg[/img]
    o que na minha opinião e fundamental, seja em um sistema ou software. Eu não consegui criar em meu formulário principal, mas deixei o espaço em cinza como pode ser visto em mina imagem /\

    Segundo o tópico de Leonardo Borges [url=http://www.softwell.com.br/2012/01/personalizando-o-skin-da-sua-aplicacao/url]"Personalizando o skin da sua aplicação"[/url] a aplicação exibida na imagem foi criada com o Maker.
    [quote]E para aqueles que realmente querem desenvolver aplicações com design diferenciado, com o Maker e um pouco de criatividade pode-se desenvolver aplicações bastante personalizadas, definir formulário principal, importar bibliotecas de terceiros, Applets e muito mais, pronto agora é só usar a criatividade e correr para o abraço.

    [img]http://www.softwell.com.br/wp-content/uploads/2012/01/post3-10.jpg[/img]
    Aplicação criada com o Maker[/quote] Bom, a aplicação exibida na imagem acima possui uma barra de menus
    [img]http://img571.imageshack.us/img571/2235/post310.jpg[/img]
    minha duvida e essa, como eu adiciono uma barra de menus (ou objeto semelhante) em meu formulário :?:

    Espero ter sido claro, e aguardo uma resposta. Estou muito interessado em resolver esse problema e acho que é uma duvida que muitos (que trabalharam com formulário principal) já tiveram.

    Desde já agradeço. :D
    Lucas Soares Nuens


  • Será que ninguém sabe a resposta do meu problema ?? :roll:


  • O jeito mais fácil é você personalizar imagens e colocar como botões na tela.
    Integrar com componentes de terceiros vai exigir um pouco mais de experiência com a ferramenta.

    Com criatividade e utilizando os componentes nativos, dá pra fazer algo legal também.


  • [quote]com componentes de terceiros[/quote]Não intendi exatamente.

    Eu tenho conhecimento de Web Designer e criatividade mas não consegui fazer botões que se abram ao clicar :oops: Nesse caso preciso ter conhecimento em java?


  • Nesse caso, seria mais interessante Javascript. Aí vc complementa com jquery e por ai vai...
    Ou por fluxo vc ir movimentando os componentes e tal.. aí é só criar uma lógica para movimentar os botões e fazer uma apresentação legal.. Dá trabalho, mas é possível.
    Já vi gente que fez isso.. hehe.


  • Graças a Deus "Softwell Maker 3" Saiu com essa função [img]http://img853.imageshack.us/img853/8379/15q.png[/img]
    Muito obrigado ai a galera do desenvolvimento do software por mais essa atualização ;) .


  • Se puderem postar mais sobre ela ;) , estou tentando aprender a usar aki mas não parece ser tão simples - CSS ? ou - Menu Maker ?


  • [quote="ls.lucas"]Se puderem postar mais sobre ela ;) , estou tentando aprender a usar aki mas não parece ser tão simples - CSS ? ou - Menu Maker ?[/quote] A propriedade CSS definirá a apresentação do Menu;

    A composição do menu poderá ser feita pela propriedade "Montar Menu" ou por "Menu do Maker"

    -> A propriedade "Montar Menu" deve ser utilizada para montar um menu customizado
    -> A propriedade "Menu Maker" obtém o menu definido no Maker (menu padrão)


  • sim sim ok, entendi mas, só tem dois template disponíveis um chama horizontal e o outro Vertical Oo

    eu usei o seguinte CSS [code].menu { width: auto; height: 27px; margin: 0; padding: 0; background: #000000 url(bg-bubplastic.gif) top left repeat-x; } .menu ul { list-style: none; margin: 0; padding: 0; } .menu ul li { float: left; margin: 0; padding: 0; background: transparent url(bg-bubplastic-button.gif) top left no-repeat; } .menu ul li a { display: block; height: 27px; padding-left: 35px; float: left; text-transform: uppercase; font-family: 'Helvetica Neue', helvetica, 'microsoft sans serif', arial, sans-serif; font-size: 12px; color: #FFFFFF; text-decoration: none; } .menu ul li a span { display: block; float: left; height: 22px; padding-top: 5px; padding-right: 35px; background: transparent url(bg-bubplastic-button.gif) top right no-repeat; cursor: pointer; } /* AQUA HOVER */ .menu ul li a:hover, .menu ul li.active a { background: transparent url(bg-bubplastic-h-aqua.gif) top left no-repeat; color: #FFFFFF; } .menu ul li a:hover span, .menu ul li.active a span { background: transparent url(bg-bubplastic-h-aqua.gif) top right no-repeat; } [/code] e inseri as imagens bg-bubplastic.GIF ,bg-bubplastic.GIF ,bg-bubplastic.GIF na pasta ...\tomcat\webapps\webrun3_beta\images

    mas, o resultado não ficou muito bom não, menu saiu todo bagunçado :|

    Talvez pudesse me ajudar com o código, se estou errando em algum lugar ou disponibilizar mais templates para download ;)

    Valew e fico no aguardo...


  • Testou em qual browser?

    Sugiro que tente no FF ou Chrome.


  • Chrome e na aba visualização do Maker 3 mas, em ambas os links ficam desorganizados e sem as imagens. :(


  • Talvez esteja bagunçado por conta das imagens.

    Onde vc colocou estas imagens? Tente passar o caminho relativo.


  • Por favor, quando uso o padrao de menu maker, ele nao usa as regras do menu que filtramos em modo gerente.
    Como proceder?
    Att.


  • Inseri as imagem em>>>>
    "C:\Program Files\Softwell Solutions\Maker 2.7\Webrun 2\tomcat\webapps\webrun3_beta\images"

Log in to reply