The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

add horizental scroll bars to widget

View previous topic View next topic Go down

In progress add horizental scroll bars to widget

Post by rleitman1 on April 22nd 2014, 11:21 pm

I use a widget with 180 pixel width, and my content is displayed as iframe from another site on this widget. howwver content is larger and its cut.

What can I do ? (except increase widget width and then I have no room for my forum ...)
any way to resize the iframe to fit ? 
any option to add horizental scroll bars to widget ?   adding scroll ="yes" to iframe doesn help.

<iframe name="inlineframe" src="http://www.cnn.com" frameborder="0" scrolling="yes" marginwidth="5" marginheight="5" style="width: 900px; height: 500px;"></iframe>

rleitman1
New Member

Posts : 5
Reputation : 1
Language : english

Back to top Go down

In progress Re: add horizental scroll bars to widget

Post by Pizza Boi on April 22nd 2014, 11:34 pm

Hi Very Happy

It's put in the style part. Just do something like:

Code:
<iframe name="inlineframe" src="http://www.cnn.com" frameborder="0" scrolling="yes" marginwidth="5" marginheight="5" style="width: 180px; height: 500px;"></iframe>

Take note though that the iframe will be very short so I suggest just putting the iframe code in your AP < Display < Homepage < Generalities < Post the code above < Save

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

In progress Re: add horizental scroll bars to widget

Post by rleitman1 on April 22nd 2014, 11:46 pm

sorry, I copied your code and there are no horizental scroll bar in the widget.

Also another question, how to make the iframe clickable , I want that every click on the widget will launch a post url.

rleitman1
New Member

Posts : 5
Reputation : 1
Language : english

Back to top Go down

In progress Re: add horizental scroll bars to widget

Post by Pizza Boi on April 22nd 2014, 11:59 pm

Hi Very Happy

Odd.. it should have a scroll bar automatically. Anyway, if ever, I'll check on it.

And you have to do something like <button> tags. Derp. Anyway, I don't have time at the moment as I gotta go, but I'll work on it once I come back on. Please be patient, else someone can answer instead of me.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

In progress Re: add horizental scroll bars to widget

Post by Ange Tuteur on April 23rd 2014, 6:37 am

Hello rleitman1,

Setting the width of the iframe to 100% should keep its width to the size of the module; it wont overflow.
Code:
<iframe name="inlineframe" src="http://www.cnn.com" marginwidth="5" marginheight="5" style="width:100%; height:500px;" frameborder="0" scrolling="yes"></iframe>

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2681
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

In progress Re: add horizental scroll bars to widget

Post by Michael_vx on April 23rd 2014, 11:23 am

@Ange Tuteur wrote:Hello rleitman1,

Setting the width of the iframe to 100% should keep its width to the size of the module; it wont overflow.
Code:
<iframe name="inlineframe" src="http://www.cnn.com" marginwidth="5" marginheight="5" style="width:100%; height:500px;" frameborder="0" scrolling="yes"></iframe>
i have one thing to ask
how to use the code with the content
where is the content should be ?
thank you
and sorry for post just here

Michael_vx
Forumember

Male Posts : 655
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

In progress Re: add horizental scroll bars to widget

Post by Pizza Boi on April 23rd 2014, 11:24 am

Hi Very Happy

You mean where you can place that code? Just about anywhere that accepts HTML, really. Announcements, Widgets, Post, Headers, etc.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

In progress Re: add horizental scroll bars to widget

Post by Michael_vx on April 23rd 2014, 11:28 am

@Pizza Boi wrote:Hi Very Happy

You mean where you can place that code? Just about anywhere that accepts HTML, really. Announcements, Widgets, Post, Headers, etc.

Regards,
Pizza Boi
hmmm i guess i could not ask with the right way
im talking about the content and that code in my last reply
i mean the content i want to add in the horizental scroll code
but i miss the part how to use this code with my content
 Shocked

Michael_vx
Forumember

Male Posts : 655
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

In progress Re: add horizental scroll bars to widget

Post by Pizza Boi on April 23rd 2014, 11:32 am

Hi Very Happy

I can't understand :/ . Can you just provide an example screenshot?

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

In progress Re: add horizental scroll bars to widget

Post by Michael_vx on April 23rd 2014, 11:43 am

okay lets see example
how about add this image 
Code:
[url=http://micsoft.xp3.biz/share.php?id=A5F1_51F17B05][img]http://micsoft.xp3.biz/image.php?id=A5F1_51F17B05&jpg[/img][/url]
in a widget no more then 200 PX of height
i hope that to not hard Very Happy
thank you

Michael_vx
Forumember

Male Posts : 655
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

In progress Re: add horizental scroll bars to widget

Post by Pizza Boi on April 23rd 2014, 11:46 am

Hi Very Happy

Well, I'm not sure if you can actually add something like [img class=""] in posts, so I suggest either of the 2:

#1 Installing AvacWeb's LGBB
#2 Enable HTML for posts and declare something like:

<img class="Disispro" src="IMG LINK" />

And add something in the CSS like:

Code:
.Disispro {
  max-height: 200px;
}

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

In progress Re: add horizental scroll bars to widget

Post by Michael_vx on April 23rd 2014, 11:53 am

affraid 
i guess we talking about scroll bar not change the size
how can i say it
how active the scroll bar with the content i want
like this i guess

Code:
<iframe name="inlineframe" src="http://www.cnn.com"
marginwidth="5" marginheight="5" style="width:100%; height:500px;"
frameborder="0" scrolling="yes"></iframe>
my content

or

Code:
my content
<iframe name="inlineframe" src="http://www.cnn.com"
marginwidth="5" marginheight="5" style="width:100%; height:500px;"
frameborder="0" scrolling="yes"></iframe>

or

Code:
<iframe name="inlineframe" src="my content"
marginwidth="5" marginheight="5" style="width:100%; height:500px;"
frameborder="0" scrolling="yes"></iframe>

this should make it clear i guess :/

Michael_vx
Forumember

Male Posts : 655
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

In progress Re: add horizental scroll bars to widget

Post by Pizza Boi on April 23rd 2014, 11:57 am

Hi Very Happy

This mah be the last time I try understanding this one, sorry. Just add scrolling="yes" to your content. Or you can use the [.scroll][/scroll] or [.updown][/updown] here in FM.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

In progress Re: add horizental scroll bars to widget

Post by Michael_vx on April 23rd 2014, 12:13 pm

Very Happy 
hi
i find something
Code:
<div
    dir="rtl" style="padding: 0pt; font-weight: bold; font-size: 10pt;
 margin: 0pt;
    overflow: scroll; width: 500px; height: 200px;"><a href="http://micsoft.xp3.biz/share.php?id=A5F1_51F17B05"><img src="http://micsoft.xp3.biz/image.php?id=A5F1_51F17B05" border="0"></a></div>
    <div class="cname">
that what i was looking for but still only 1 thing
is make the width of the content never get out of the 500px or any size i like what ever the content will be
i hope this also helps the topic owner

Michael_vx
Forumember

Male Posts : 655
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

In progress Re: add horizental scroll bars to widget

Post by Pizza Boi on April 23rd 2014, 12:16 pm

Hi Very Happy

Because the code above didn't have the width or height changed or you can just re-write it as this:

Code:
<div dir="rtl" style="padding: 0pt; font-weight: bold; font-size: 10pt; margin: 0pt; overflow: scroll; max-width: 500px; max-height: 200px;"><a href="http://micsoft.xp3.biz/share.php?id=A5F1_51F17B05"><img src="http://micsoft.xp3.biz/image.php?id=A5F1_51F17B05" border="0"></a></div>

You can declare min-width and min-height even for this. It's up to you what the size should be, but make sure you don't use both on a single sentence/code.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

In progress Re: add horizental scroll bars to widget

Post by Michael_vx on April 23rd 2014, 12:32 pm

will thats looks good thanks i will end here to not go of topic
my apologize to the topic owner
thank you again

Michael_vx
Forumember

Male Posts : 655
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

View previous topic View next topic Back to top


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