modal utilizando apenas DIV

Question

Bom dia

 

gostaria de um exemplo simples de um modal que mostra uma imagem "loading" enquanto algo esta sendo processado.

não quero utilizar o ajax control tool kit quero somente via aspnet e css

 

att

Answer 1

Já pensou na possibilidade de usar JQuery ? Só usar a imaginação

http://jqueryui.com/demos/dialog/  

---

Vitor Mendes | Seu feedback é muito importante para todos!
Visite o meu site: http://www.vitormendes.com.br/

Answer 2

Oi Vitor ja sim mas por exemplo quando eu faço todo o procedimento as imagens não aparecem , por exemplo esse botão X pra fechar no modal dialog quando passo tudo para a app asp as imagens deste botão não aparece... não sei oq fazer

Answer 3

Você já verificou se realmente o caminho das imagens/css estão se encontrado, talves o método ResoveUrl() te ajude:

<link id="Link1" href="<%= Page.ResolveUrl("~/css/estiloQualquer.css")%>" rel="stylesheet"
        type="text/css" />

 

---

Vitor Mendes | Seu feedback é muito importante para todos!
Visite o meu site: http://www.vitormendes.com.br/

Answer 4

Não estou conseguindo usar esse Ui do jquery ...:|(

Answer 5

Rafa lembre-se de uma coisa, pra você pode usar o jquery ui você precisa carregar todos os js que tál processo necessita. Nesse link explica como usar o dialog, ele pode te ajudar: http://jqueryui.com/demos/dialog/

O botão x não está aparecendo que você não baixou o tema... e não configurou corretamente:

http://jqueryui.com/themeroller/ aqui você pode escolher seu tema e fazer o donwload, após isso coloque os arquivos css na sua aplicação, e coloque os arquivos jquery na sua pasta de script...

Carregue o arquivo jquery.ui.all.css (esse é o unico css que você vai carregar) na sua MasterPage e a biblioteca do jquery.

Próximo passo agora é carregar jquery.ui.core.js, jquery.ui.position.js, jquery.ui.widget.js (que estão no pacote do theme e agora devem estar na sua pasta de scripts) ná página onde quer usar o dialog.

Após ter feito isso você pode chamar a dialog como no exemplo, tudo deve funcionar direitinho...

Lembre-se de usar o css do "nome do tema" não da pastinha "base".... De preferência eu te aconselho a você seguir o padrão do jquery, ou seja uma pasta Content > themes > flick > ....

 

---

Ao infinito e além!

Answer 6

Fabão então

 

eu carreguei do jeito que vc falou mas olha soh como fica

 

 

perceba que aonde esra pra estar um x ele não fica... muito estranho

Answer 7

Answer 8

Então, ele está carregando as cores css, mas não está conseguindo carregar nenhuma imagem... é como se o arquivo do css do jquery.ui estivesse pegando as imagens em um diretório errado....

Você por um acaso mudou o diretório da imagens ? Dentro da pasta onde está o arquivo css do jquery ui tem que ficar pasta images, que possui as imagens do jquery.

---

Ao infinito e além!