End of Support for Joomla 3 - Forum closed
Change text in sample modal box (in top-a)
Change text in sample modal box (in top-a) was created by haurein
Posted 7 years 6 months ago #18694
Change text in sample modal box (in top-a)
I tried to change only the text "Lorem ipsum bla bla bla" in the code, but it has no effect in the frontpage. What do I do wrong?
(I realized, that when I change the text in the first modal box, it has its same effects text in every other box. But I want to have in every box a different text.)
Code:
I tried to change only the text "Lorem ipsum bla bla bla" in the code, but it has no effect in the frontpage. What do I do wrong?
(I realized, that when I change the text in the first modal box, it has its same effects text in every other box. But I want to have in every box a different text.)
Code:
Code:
<span class="uk-icon-rocket uk-icon-medium"></span>
<h3>Fast and Lightweight</h3>
<p>Well designed and coded framework to provide <em>optimal loading</em> times.</p>
<!-- This is a button toggling the modal -->
<a class="uk-margin-large-top uk-button uk-button-secondary" href="#my-id" data-uk-modal="{center:true}">Sample Modal Box</a>
<!-- This is the modal -->
<div id="my-id" class="uk-modal">
<div class="uk-modal-dialog">
<a class="uk-modal-close uk-close"></a>
<h3>Headline</h3>
<p> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
</div>
</div>
Last Edit:7 years 6 months ago
by haurein
Attachments:
Last edit: 7 years 6 months ago by haurein.
Please Log in or Create an account to join the conversation.
- joomlaplates
-
Offline
- Moderator
-
- Posts: 8841
- Thank you received: 1736
Replied by joomlaplates on topic Change text in sample modal box (in top-a)
Posted 7 years 6 months ago #18700
Hi there,
the modal box have an "id" and this one is related to the opener. Chage the id from the box and from the a href
Each box must have a different id
getuikit.com/v2/docs/modal.html
the modal box have an "id" and this one is related to the opener. Chage the id from the box and from the a href
Each box must have a different id
getuikit.com/v2/docs/modal.html
Attachment Screenshot_4-2-3-4-5-6-7.jpg not found
Dokumentation:
www.joomlaplates.de/dokumentation.html
www.joomlaplates.de/dokumentation.html
Last Edit:7 years 6 months ago
by joomlaplates
Attachments:
Last edit: 7 years 6 months ago by joomlaplates.
The following user(s) said Thank You: haurein
Please Log in or Create an account to join the conversation.
Replied by haurein on topic Change text in sample modal box (in top-a)
Posted 7 years 6 months ago #18715
Thank you for the fast helpful reply. It works.
by haurein
Please Log in or Create an account to join the conversation.
Replied by holbos on topic Change text in sample modal box (in top-a)
Posted 7 years 6 months ago #18803
i tried to change #my-id in #modal, but it doesn`t work. What do I do wrong?
Thank you
Here the code:
<span class="uk-icon-gears uk-icon-medium"></span>
<h3>Latest Techniques</h3>
<p>The <em>framework</em> is completely built with HTML5, CSS3 and jQuery.</p>
<!-- This is a button toggling the modal -->
<a class="uk-margin-large-top uk-button uk-button-secondary" href="#modal" data-uk-modal="{center:true}">Sample Modal Box</a>
<!-- This is the modal -->
<div id="#modal" class="uk-modal">
<div class="uk-modal-dialog">
<a class="uk-modal-close uk-close"></a>
<h3>test2Headline</h3>
<p> test2Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
</div>
</div>
Thank you
Here the code:
<span class="uk-icon-gears uk-icon-medium"></span>
<h3>Latest Techniques</h3>
<p>The <em>framework</em> is completely built with HTML5, CSS3 and jQuery.</p>
<!-- This is a button toggling the modal -->
<a class="uk-margin-large-top uk-button uk-button-secondary" href="#modal" data-uk-modal="{center:true}">Sample Modal Box</a>
<!-- This is the modal -->
<div id="#modal" class="uk-modal">
<div class="uk-modal-dialog">
<a class="uk-modal-close uk-close"></a>
<h3>test2Headline</h3>
<p> test2Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
</div>
</div>
by holbos
Please Log in or Create an account to join the conversation.
- joomlaplates
-
Offline
- Moderator
-
- Posts: 8841
- Thank you received: 1736
Replied by joomlaplates on topic Change text in sample modal box (in top-a)
Posted 7 years 6 months ago #18805
Hi there,
live Url please!
Which Template?
Try another ID please and not "modal"
live Url please!
Which Template?
Try another ID please and not "modal"
Dokumentation:
www.joomlaplates.de/dokumentation.html
www.joomlaplates.de/dokumentation.html
by joomlaplates
Please Log in or Create an account to join the conversation.
Replied by holbos on topic Change text in sample modal box (in top-a)
Posted 7 years 6 months ago #18808
Now i see it.
i mad a wrong sign # in term <div id="#modal" class="uk-modal">
But now it works fine.
i mad a wrong sign # in term <div id="#modal" class="uk-modal">
But now it works fine.
by holbos
Please Log in or Create an account to join the conversation.
Moderators: joomlaplates