Habilitar Switch Button para Impressão

Não consigo habilitar Switch Button de aprovação para impressão no FLuig nas cores padrão que aparece no código abaixo:

" <input class="btn btn-primary switchButton" onchange="aprovacaoMEta()"name="Aprov_Gestor" id="Aprov_Gestor" type="checkbox" data-on-text="Aprovar" data-off-text="Reprovar" checked data-on-color="success" data-off-color="danger" .switchButton/> "

Já tentei pelo bootstrap habilitar a impressão pelo @media print, mas aparece desconfigurado na impressão, conforme anexo. Alguém poderia me ajudar com o .css para impressão deste SwitchButton?

Muito obrigado!

fluig

criado 25 de Oct de 2017
Welder Ribeiro
21 pontos
editado 25 de Oct de 2017

0

Para adicionar o código é necessário colocar ele entre 3 crazes ```
— Bruno Rodrigues 25 de Oct de 2017

Você vai ver essas setas em qualquer página de pergunta. Com elas, você pode dizer se uma pergunta ou uma resposta foram relevantes ou não.
Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.
Caso haja alguma dúvida sobre a pergunta, adicione um comentário. O espaço de respostas deve ser utilizado apenas para responder a pergunta.
Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.
Clique aqui para mais detalhes sobre o funcionamento do fluig Forum!

1 resposta

up 0 down
Tenho um exemplo de uso :

HTML :
```
<input id="aprovada" 
 name="aprovada" 
 type="checkbox" 
 data-on-color="success" 
 data-off-color="danger" 
 data-on-text="Sim" 
 data-off-text="Não">
```
JS:
```
  FLUIGC.switcher.init('#aprovada');
```
Edit

Realmente quando tentamos imprimir a página o switch button perde as propriedades de cores
- editar
- x
  
  grosseiro ou ofensivo pouco construtivo obsoleto outro...
  Motivo
- criado 25 de Oct de 2017
  Bruno Rodrigues
  749 pontos
- editado 25 de Oct de 2017
- 1
  
  Eu consigo utilizar, mas não sai na impressão as propriedades do html
  — Welder Ribeiro 25 de Oct de 2017
- 0
  
  Confirma se o css do fluig esta sendo importado no seu formulário, tenta remover aquele checked as classes no input, e o .switchButton no final da sua tag
  — Bruno Rodrigues 25 de Oct de 2017
- 0
  
  Mesmo removendo não deu certo! Apliquei esse .css e tinha dado certo, não sei por qual motivo não aplica mais. ``` " ``` "
  — Welder Ribeiro 25 de Oct de 2017
- 0
  
  "<style type="text/css"> @media print{ .fluig-style-guide .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success { background-color: #5cb85c !important; } .fluig-style-guide .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger { background: #d9534f !important; } } </style> "
  — Welder Ribeiro 25 de Oct de 2017
- 0
  
  Não precisei modificar nenhum CSS para funcionar, apenas importei e usei esse HTML e esse JS, que te enviei
  — Bruno Rodrigues 25 de Oct de 2017
- 0
  
  Mas funcionou na impressão do formulário no Fluig? As cores de sucesso e danger continuaram aparecendo?
  — Welder Ribeiro 25 de Oct de 2017
- 0
  
  Aparecem sim, vou adicionar uma imagem de exemplo na minha resposta
  — Bruno Rodrigues 25 de Oct de 2017
- 0
  
  Você usa alguma biblioteca do .css diferente do style Guide? Alguma do bootstrap? Estou utilizando apenas a " <link type="text/css" rel="stylesheet" href="/portal/resources/style-guide/css/fluig-style-guide.min.css"/> "
  — Welder Ribeiro 25 de Oct de 2017
- 0
  
  nada de diferente , estou usando a mesma que você lembrando que as versões que eu rodei esse código e testei foram as 1.5.13, 1.6.0 e 1.6.1, não sei como funciona em versões diferentes
  — Bruno Rodrigues 25 de Oct de 2017
- 0
  
  Mano tem algo muito estranho então! Estamos utilizando a versão 1.5.13! Obrigado!
  — Welder Ribeiro 25 de Oct de 2017
- 0
  
  Acabei de ver os seus anexos, mas quando você clica em imprimir ele aparece dessa forma também? Se utilizamos as mesmas propriedades deveria funcionar.
  — Welder Ribeiro 25 de Oct de 2017
- 0
  
  Quando clico em imprimir ele realmente perde as cores fica apenas com o texto, nesse caso acredito que seja necessário abrir um chamado, realmente nunca tinha notado este problema
  — Bruno Rodrigues 25 de Oct de 2017
- 0
  
  Imaginei mesmo, porque pelo que me falou a configuração é a mesma! Se tiver algum retorno, favor me informar. Obrigado!
  — Welder Ribeiro 25 de Oct de 2017
Mostrar todos os 13 comentários>
Adicionar comentário

Caracteres restantes: 600
Quero acompanhar este tópico via email.

Comentário
Utilize formatação mini-Markdown: [link](http://exemplo.com) _italico_ **negrito** `codigo`.
Comentarios devem ter, no maximo, 600 caracteres. Se achar necessario, utilize links em vez de copiar código ou ainda edite sua pergunta/resposta para colocar mais informações

Anexos
nao.PNG

sim.PNG

fluig forum

Habilitar Switch Button para Impressão

Comentário

1 resposta

Edit

Comentário

Não é a resposta que estava procurando? Procure outras perguntas com as tags fluig ou faça a sua própria pergunta.