FM Design
Would you like to react to this message? Create an account in a few clicks or log in to continue.

IMPORTANT

FM Design is in read-only mode, please click here for more information.

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

Recent Tutorials
Top posting users this month

Who is online?
In total there are 19 users online :: 0 Registered, 0 Hidden and 19 Guests :: 1 Bot

None

[ View the whole list ]


Most users ever online was 515 on Tue 14 Sep 2021, 15:24

[SOLVED] sceditor-dropdown

Page 1 of 2 1, 2  Next

View previous topic View next topic Go down

omarpop23
omarpop23

Gender : Male
Age : 29
Posts : 140
Points : 3256
Reputation : 25
Location : Egypt
Language : Arabic , English
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
https://www.facebook.com/omarpop23

Postomarpop23 Mon 18 Apr 2016, 17:13

omarpop23 wrote:i have a problem in my forum
look at this photo
[SOLVED] sceditor-dropdown Untitl11
i cant up load any photo

omarpop23 wrote:
Ange Tuteur wrote:I made a test, but the buttons are working fine for me :
[SOLVED] sceditor-dropdown Captur11

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
[SOLVED] sceditor-dropdown Untitl15
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12043
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Mon 18 Apr 2016, 17:37

Hi,

Would you know the size of your device's screen ?
omarpop23
omarpop23

Gender : Male
Age : 29
Posts : 140
Points : 3256
Reputation : 25
Location : Egypt
Language : Arabic , English
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
https://www.facebook.com/omarpop23

Postomarpop23 Mon 18 Apr 2016, 20:25

i think it's smalest resolution
i think that the problem is in css code
Code:
left
i tried to make it right but i failed
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12043
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Mon 18 Apr 2016, 20:34

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.. Think
omarpop23
omarpop23

Gender : Male
Age : 29
Posts : 140
Points : 3256
Reputation : 25
Location : Egypt
Language : Arabic , English
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
https://www.facebook.com/omarpop23

Postomarpop23 Mon 18 Apr 2016, 21:09

what should i do to help you
i can take a picture for it if that will help you Very Happy
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12043
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Tue 19 Apr 2016, 10:39

I found responsive mode works well, however, I'm not getting the same result.. Think
omarpop23
omarpop23

Gender : Male
Age : 29
Posts : 140
Points : 3256
Reputation : 25
Location : Egypt
Language : Arabic , English
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
https://www.facebook.com/omarpop23

Postomarpop23 Wed 20 Apr 2016, 01:08

reflect what should i do now i cant upload ny imge tell now
to upload i have to go to ACP
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12043
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Wed 20 Apr 2016, 10:51

To be honest I'm not too sure, because I don't have a smart phone or any device with small screen. Think

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 ?
omarpop23
omarpop23

Gender : Male
Age : 29
Posts : 140
Points : 3256
Reputation : 25
Location : Egypt
Language : Arabic , English
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
https://www.facebook.com/omarpop23

Postomarpop23 Wed 20 Apr 2016, 15:31

i have new idea
could you make host button and insert button popup when i click on it like that
[SOLVED] sceditor-dropdown Untitl16
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12043
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Wed 20 Apr 2016, 15:58

Oh yeaaah I didn't think about that, nice thinking ! Very good

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;
}
omarpop23
omarpop23

Gender : Male
Age : 29
Posts : 140
Points : 3256
Reputation : 25
Location : Egypt
Language : Arabic , English
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
https://www.facebook.com/omarpop23

Postomarpop23 Wed 20 Apr 2016, 18:06

Nice Ange Thank you
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12043
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Wed 20 Apr 2016, 19:43

No problem. Wink
omarpop23
omarpop23

Gender : Male
Age : 29
Posts : 140
Points : 3256
Reputation : 25
Location : Egypt
Language : Arabic , English
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
https://www.facebook.com/omarpop23

Postomarpop23 Thu 21 Apr 2016, 12:17

can i make animation or translation effect on it like fade in or zoom ??
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12043
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Thu 21 Apr 2016, 13:04

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();
  });
})});
omarpop23
omarpop23

Gender : Male
Age : 29
Posts : 140
Points : 3256
Reputation : 25
Location : Egypt
Language : Arabic , English
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
https://www.facebook.com/omarpop23

Postomarpop23 Thu 21 Apr 2016, 13:56

i was add CSS code for all
Code:
.sceditor-dropdown
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;
}
Now i need This JS works for all .sceditor-dropdown Very Happy Very Happy
i made it This but There is a problem
Code:
$(function(){$(function(){
  $('.sceditor-button').click(function() {
    $('.sceditor-dropdown').hide().fadeIn();
  });
})});

Click to view demo
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12043
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Thu 21 Apr 2016, 14:04

The problem is in your JavaScripts, find and remove this from one of your scripts :
Code:
<script type="text/javascript">
That's HTML used to run scripts in an HTML document, it's not needed for JS files.

[SOLVED] sceditor-dropdown Captur47

Looks like it's from one of the scripts you ripped from the support forum. mwii
omarpop23
omarpop23

Gender : Male
Age : 29
Posts : 140
Points : 3256
Reputation : 25
Location : Egypt
Language : Arabic , English
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
https://www.facebook.com/omarpop23

Postomarpop23 Thu 21 Apr 2016, 14:29

yes i was try to Add Mobile Version into footer like Support Forum
now i have removed all scripts but still there problem please cheak it TT
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12043
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Thu 21 Apr 2016, 14:48

Where's the problem ? It appears to be working, at least for me. Think
omarpop23
omarpop23

Gender : Male
Age : 29
Posts : 140
Points : 3256
Reputation : 25
Location : Egypt
Language : Arabic , English
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
https://www.facebook.com/omarpop23

Postomarpop23 Thu 21 Apr 2016, 17:31

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 Sad
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12043
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Thu 21 Apr 2016, 17:45

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..
omarpop23
omarpop23

Gender : Male
Age : 29
Posts : 140
Points : 3256
Reputation : 25
Location : Egypt
Language : Arabic , English
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
https://www.facebook.com/omarpop23

Postomarpop23 Thu 21 Apr 2016, 18:10

hummmmmmm do you mean repeat same JS code for each button
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12043
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Thu 21 Apr 2016, 18:12

Yes Salute
omarpop23
omarpop23

Gender : Male
Age : 29
Posts : 140
Points : 3256
Reputation : 25
Location : Egypt
Language : Arabic , English
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
https://www.facebook.com/omarpop23

Postomarpop23 Thu 21 Apr 2016, 18:54

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();
  });
})});
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12043
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Thu 21 Apr 2016, 19:05

Try doing it like this :
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.
omarpop23
omarpop23

Gender : Male
Age : 29
Posts : 140
Points : 3256
Reputation : 25
Location : Egypt
Language : Arabic , English
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
https://www.facebook.com/omarpop23

Postomarpop23 Thu 21 Apr 2016, 19:11

i made this but only button-servimge works
and other way only button-servimg woks

please Ange be patient i'm annoying you Sad
Sponsored content

PostSponsored content

Page 1 of 2 1, 2  Next

View previous topic View next topic Back to top

Create an account or log in to leave a reply

You need to be a member in order to leave a reply.

Create an account

Join our community by creating a new account. It's easy!


Create a new account

Log in

Already have an account? No problem, log in here.


Log in

 
Permissions in this forum:
You cannot reply to topics in this forum