Latest topics
» Forumactif Edge - Releases
by Ange Tuteur Tue 03 Sep 2019, 11:49
» GIFActif - Giphy Button for the Editor
by Ange Tuteur Wed 08 May 2019, 17:21
» Forum Closure
by Ange Tuteur Mon 01 Jan 2018, 01:28
» Chit Chat Thread
by Valoish Sun 31 Dec 2017, 19:15
» Font/Text background color.
by Valoish Sun 31 Dec 2017, 19:11
» Forumactif Messenger - Instant Message Application for Forumotion
by Wolfuryo Sun 31 Dec 2017, 18:24
» [GAME] Count to One Million!
by brandon_g Fri 29 Dec 2017, 18:58
» Post Cards
by manikbiradar Wed 20 Dec 2017, 07:50
» [GAME] Countdown from 200,000
by Valoish Wed 13 Dec 2017, 23:22
» GeekPolice Tech Support Forums - GeekPolice.net
by Dr Jay Mon 11 Dec 2017, 19:12
» Asking about some plugin for Forumotion
by Dr Jay Mon 11 Dec 2017, 19:10
» [GAME] What are you thinking right now?
by Van-Helsing Sat 09 Dec 2017, 14:51
» Widget : Similar topics
by ranbac Wed 06 Dec 2017, 18:11
» Change the Background of the Forum and put an image and how to make prefixs?
by Clement Wed 06 Dec 2017, 15:19
» Hello from Western Australia
by SarkZKalie Wed 06 Dec 2017, 05:34
by Ange Tuteur Tue 03 Sep 2019, 11:49
» GIFActif - Giphy Button for the Editor
by Ange Tuteur Wed 08 May 2019, 17:21
» Forum Closure
by Ange Tuteur Mon 01 Jan 2018, 01:28
» Chit Chat Thread
by Valoish Sun 31 Dec 2017, 19:15
» Font/Text background color.
by Valoish Sun 31 Dec 2017, 19:11
» Forumactif Messenger - Instant Message Application for Forumotion
by Wolfuryo Sun 31 Dec 2017, 18:24
» [GAME] Count to One Million!
by brandon_g Fri 29 Dec 2017, 18:58
» Post Cards
by manikbiradar Wed 20 Dec 2017, 07:50
» [GAME] Countdown from 200,000
by Valoish Wed 13 Dec 2017, 23:22
» GeekPolice Tech Support Forums - GeekPolice.net
by Dr Jay Mon 11 Dec 2017, 19:12
» Asking about some plugin for Forumotion
by Dr Jay Mon 11 Dec 2017, 19:10
» [GAME] What are you thinking right now?
by Van-Helsing Sat 09 Dec 2017, 14:51
» Widget : Similar topics
by ranbac Wed 06 Dec 2017, 18:11
» Change the Background of the Forum and put an image and how to make prefixs?
by Clement Wed 06 Dec 2017, 15:19
» Hello from Western Australia
by SarkZKalie Wed 06 Dec 2017, 05:34
Recent Tutorials
Top posting users this month
Top Achievers
Who is online?
In total there are 19 users online :: 0 Registered, 0 Hidden and 19 Guests :: 1 Bot
None
Most users ever online was 515 on Tue 14 Sep 2021, 15:24
None
Most users ever online was 515 on Tue 14 Sep 2021, 15:24
[SOLVED] sceditor-dropdown
Page 1 of 2 • Share
Page 1 of 2 • 1, 2
omarpop23 wrote:i have a problem in my forum
look at this photo
i cant up load any photo
omarpop23 wrote:Ange Tuteur wrote:I made a test, but the buttons are working fine for me :
i think you are made your test in QUICK REPLY mode
the problem not there my problem NEW TOPIC mode
please test it
i have this problem in this Forum too look
Well, if I remember correctly.. the left property is most likely set by JavaScript by getting the button's offsets. I think a way to solve this would be to write a media query for smaller screens, but I'd need to know the dimensions it occurs on..
To be honest I'm not too sure, because I don't have a smart phone or any device with small screen.
Can you scroll over to the right where the drop down is getting cut off OR can you tilt your device onto the side where there's more width ?
Can you scroll over to the right where the drop down is getting cut off OR can you tilt your device onto the side where there's more width ?
Oh yeaaah I didn't think about that, nice thinking !
Try adding this to your CSS :
Try adding this to your CSS :
- Code:
.sceditor-dropdown.sceditor-servimg{
position:fixed !important;
left:10% !important;
top:10% !important;
bottom:10% !important;
right:10% !important;
overflow:hidden;
}
.sceditor-dropdown.sceditor-servimg iframe {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
height:100% !important;
width:100% !important;
}
Wont be possible via CSS since the drop down is added and removed from the document when toggled. You'd have to write a script that toggles the desired attributes when the button is clicked. Like this for example :
- Code:
$(function(){$(function(){
$('.sceditor-button-servimg').click(function() {
$('.sceditor-servimg').hide().fadeIn();
});
})});
i was add CSS code for all
i made it This but There is a problem
|
- Code:
.sceditor-dropdown {
bottom: 30%!important;
left: 30%!important;
overflow: auto;
position: fixed!important;
right: 30%!important;
top: 30%!important;
}
.sceditor-dropdown iframe {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
height:100% !important;
width:100% !important;
}
i made it This but There is a problem
- Code:
$(function(){$(function(){
$('.sceditor-button').click(function() {
$('.sceditor-dropdown').hide().fadeIn();
});
})});
Click to view demo |
The problem is in your JavaScripts, find and remove this from one of your scripts :
Looks like it's from one of the scripts you ripped from the support forum.
- Code:
<script type="text/javascript">
Looks like it's from one of the scripts you ripped from the support forum.
the problem that when you click on Host an image button then press on other button iframe of hosting image is still appears
test it by your self because i can't explain it to you
test it by your self because i can't explain it to you
Oh right, I see the problem. Because you change the script to affect all buttons / dropdowns it'll show all dropdowns again whenever you click another button. You'd have to apply the event handlers individually, and make button A toggle dropdown A, button B toggle dropdown B, etc..
like that or how
- Code:
$(function(){$(function(){
$('.sceditor-button-servimg').click(function() {
$('.sceditor-servimg').hide().fadeIn();
});
})});
$(function(){$(function(){
$('.sceditor-button-image').click(function() {
$('.sceditor-image').hide().fadeIn();
});
})});
$(function(){$(function(){
$('.sceditor-button-youtube').click(function() {
$('.sceditor-youtube').hide().fadeIn();
});
})});
Try doing it like this :
That way you don't open a bunch of queues by calling jQuery's ready function.
- Code:
$(function(){$(function(){
$('.sceditor-button-servimg').click(function() {
$('.sceditor-servimg').hide().fadeIn();
});
$('.sceditor-button-image').click(function() {
$('.sceditor-image').hide().fadeIn();
});
$('.sceditor-button-youtube').click(function() {
$('.sceditor-youtube').hide().fadeIn();
});
})});
That way you don't open a bunch of queues by calling jQuery's ready function.
- Sponsored content
Page 1 of 2 • 1, 2
Similar topics
Create an account or log in to leave a reply
You need to be a member in order to leave a reply.
Page 1 of 2
Permissions in this forum:
You cannot reply to topics in this forum