Skip to content
Toggle navigation
Toggle navigation
This project
Loading...
Sign in
Luciano Barletta
/
mini-web
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Pipelines
Graphs
Issues
0
Merge Requests
0
Wiki
Network
Create a new issue
Jobs
Commits
Issue Boards
Files
Commits
Network
Compare
Branches
Tags
Commit a33688b8
authored
2019-11-22 10:47:59 -0300
by
Georgina Mondino
Browse Files
Options
Browse Files
Tag
Download
Email Patches
Plain Diff
Estilos base de cards e inputs.
1 parent
eb13ba84
Show whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
92 additions
and
16 deletions
Style/Templates.css
generate.html
Style/Templates.css
0 → 100644
View file @
a33688b
html
{
font-family
:
'Montserrat'
,
sans-serif
;
}
h1
,
h3
{
text-align
:
center
;
}
h1
{
font-size
:
35px
;
}
body
{
background-color
:
whitesmoke
;
}
.TabCards
{
background-color
:
white
;
box-shadow
:
2px
2px
5px
#575757
;
margin
:
2%
auto
;
padding
:
2%
;
border-radius
:
2px
;
}
.TabTitle
{
font-size
:
30px
;
width
:
100%
;
text-align
:
center
;
border
:
none
;
border-bottom
:
1px
solid
grey
;
}
.InputContainer
{
width
:
100%
;
text-align
:
center
;
}
.Input
{
border
:
none
;
border-bottom
:
1px
solid
grey
;
width
:
25%
;
margin
:
1%
;
}
.NewTabButton
,
.NewInputButton
,
.RemoveInputButton
{
text-align
:
center
;
margin
:
auto
;
color
:
whitesmoke
;
border-radius
:
50%
;
}
.NewTabButton
{
font-size
:
45px
;
width
:
10%
;
height
:
10%
;
border
:
3px
solid
rgb
(
0
,
88
,
170
);
background-color
:
rgb
(
0
,
102
,
255
);
}
.NewInputButton
{
font-size
:
25px
;
width
:
4.6%
;
height
:
4.5%
;
margin
:
1%
;
border
:
3px
solid
rgb
(
1
,
194
,
120
);
background-color
:
rgb
(
14
,
211
,
135
);
}
.RemoveInputButton
{
width
:
4.1%
;
height
:
4%
;
margin
:
1%
;
font-size
:
20px
;
border
:
3px
solid
rgb
(
230
,
25
,
25
);
background-color
:
rgba
(
211
,
14
,
14
,
0.788
);
}
generate.html
View file @
a33688b
<html
lang=
"en"
>
<head>
<script
src=
"./Scripts/construct.js"
></script>
<meta
charset=
"UTF-8"
>
<meta
name=
"viewport"
content=
"width=device-width, initial-scale=1.0"
>
<meta
http-equiv=
"X-UA-Compatible"
content=
"ie=edge"
>
<link
rel=
"stylesheet"
href=
"./Style/Templates.css"
>
<link
href=
"https://fonts.googleapis.com/css?family=Montserrat&display=swap"
rel=
"stylesheet"
>
<title>
Generador de Formularios
</title>
</head>
<body>
Tabs:
<br>
<div
id =
"tabs"
></div>
<button
onclick=
"addTab(document.getElementById('tabs'))"
>
<h1>
Generador de Formularios
</h1>
<h3>
Para comenzar por favor cree un nuevo tab
</h3>
<br>
<div
id=
"tabs"
></div>
<div
style=
"text-align: center;"
>
<button
class=
"NewTabButton"
onclick=
"addTab(document.getElementById('tabs'))"
>
+
</button>
</div>
</body>
<!-- templates -->
<template
id =
"tabTemplate"
>
<template
id=
"tabTemplate"
>
<div
class=
"TabCards"
>
<input
class=
"TabTitle"
placeholder=
"Titulo del Tab"
type=
"text"
>
<br>
-------------------
<br>
<button
onclick=
"addField(this)"
>
<div
style=
"text-align: center;"
>
<button
class=
"NewInputButton"
onclick=
"addField(this)"
>
+
</button>
<br>
-------------------
<br>
</div>
</div>
</template>
<template
id =
"fieldTemplate"
>
<input
type=
"text"
id=
"Titulo"
placeholder=
"Título"
>
<select
name=
"input"
>
<template
id=
"fieldTemplate"
>
<div
class=
"InputContainer"
>
<input
type=
"text"
id=
"Titulo"
class=
"Input"
placeholder=
"Título"
>
<select
name=
"input"
class=
"Input"
>
<option
disabled
selected
value=
""
>
Input
</option>
<option
id=
"text"
value=
"text"
>
Texto
</option>
<option
id=
"number"
value=
"number"
>
Numero
</option>
<option
id=
"number"
value=
"number"
>
Numero
</option>
<option
id=
"mail"
value=
"mail"
>
Mail
</option>
<option
id=
"password"
value=
"password"
>
Contraseña
</option>
<option
id=
"date"
value=
"date"
>
Fecha
</option>
...
...
@@ -42,9 +50,10 @@
<option
id=
"checkbox"
value=
"checkbox"
>
Selección
</option>
</select>
Obligatorio :
<input
type=
"checkbox"
>
<button
onclick=
"removeField(this)"
>
<button
class=
"RemoveInputButton"
onclick=
"removeField(this)"
>
-
</button>
</div>
</template>
...
...
Write
Preview
Styling with
Markdown
is supported
Attach a file
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to post a comment