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.

Different View

View previous topic View next topic Go down

Solved Different View

Post by kumotta on April 12th 2014, 12:10 am

hello, Hello

i have problem with posting body view, looks like this :



you can see it, text box and smiley box have different view Confused
previously, I have experienced the same thing in the body view, but now I can fix this because there are errors in the html tag.

I think, this time also the similiar problem as the previous problem, but I do not know where the error is no section.
I hope this problem could be fixed so as to be consistent display. Crying or Very sad

please, help me to fix this :rose:

kumotta
Forumember

Female Posts : 204
Reputation : 3
Language : English

http://komiku.forumid.net/

Back to top Go down

Solved Re: Different View

Post by Ange Tuteur on April 12th 2014, 3:54 am

Hello kumotta,

Are you using percentage values to set the width of your elements ? If you are, that is the reason. Percentage values depend on your screen size, so it renders different on smaller and larger displays. If you want it to display the same throughout every display, use pixels to set the width of your elements.

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Different View

Post by kumotta on April 12th 2014, 5:38 pm

hello,
i'm input this code on css

Code:
.frm-textarea .sceditor-container {width:500px!important;}
.posting-block { margin-left:-200px!important; }
#smiley-box { width:300px!important; }

and view look like this



please help me to this part Sad

kumotta
Forumember

Female Posts : 204
Reputation : 3
Language : English

http://komiku.forumid.net/

Back to top Go down

Solved Re: Different View

Post by Ange Tuteur on April 13th 2014, 10:59 am

Is your forum wrapper set in pixel or percent ?

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Different View

Post by kumotta on April 13th 2014, 11:52 am

dependent, some use percent and there is also the use of pixels. sometimes there is one that is incompatible for use, so I use that compitable in each wrapper.

kumotta
Forumember

Female Posts : 204
Reputation : 3
Language : English

http://komiku.forumid.net/

Back to top Go down

Solved Re: Different View

Post by Ange Tuteur on April 13th 2014, 12:06 pm

Well it is usually recommended to use percentage. So if you're using percents, your page layout is always going to render differently for viewers with different resolutions. You could pair percents up with minimum values :

Ex :

Let's think of this element as our body :
Code:
element {
  width:50%;
  min-width:500px;
}

The element above will always take up 50% of the screen width, but the lowest it will go is 500px.

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Different View

Post by kumotta on April 14th 2014, 4:22 am

i input this code on css but not give consistant display Confused

kumotta
Forumember

Female Posts : 204
Reputation : 3
Language : English

http://komiku.forumid.net/

Back to top Go down

Solved Re: Different View

Post by Hagoromo Otsutsuki on April 14th 2014, 4:47 am

Its the devices view

Hagoromo Otsutsuki
Forumember

Male Posts : 514
Reputation : 21
Language : English
Location : Heaven

http://naruto-omniverse.forumotion.com/

Back to top Go down

Solved Re: Different View

Post by kumotta on April 14th 2014, 4:55 am

@Hagoromo Otsutsuki wrote:Its the devices view

you have solution to this part?

kumotta
Forumember

Female Posts : 204
Reputation : 3
Language : English

http://komiku.forumid.net/

Back to top Go down

Solved Re: Different View

Post by Pizza Boi on April 14th 2014, 5:02 am

Hi Very Happy

As Ange said, it varies Smile . For example, even if you use min-width and width as a pixel and percentage value, there's no certainty that everything will e shown as you desired.

Give an iPhone as an example, the view would be different (Classic Version) and if ever you do adjust a code for that, some of the things in your forum has a possibility of getting affected so the best method I can recommend is just have the view as is as it is not constant for every devices out there.

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

Solved Re: Different View

Post by kumotta on April 14th 2014, 8:58 am


I think the problem is almost done, now I just need to set the width of the icon text,
in order to fulfill the empty space next to it.

kumotta
Forumember

Female Posts : 204
Reputation : 3
Language : English

http://komiku.forumid.net/

Back to top Go down

Solved Re: Different View

Post by Pizza Boi on April 14th 2014, 2:56 pm

Hi Very Happy

Use this as your selector: .sceditor-toolbar . You can do something like:

Code:
.sceditor-toolbar {
  width: 500px;
}

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

Solved Re: Different View

Post by Ange Tuteur on April 14th 2014, 3:10 pm

If you want to reduce the amount of space the buttons take up, use the following CSS :
Code:
div.sceditor-group {
margin:0.5px;
padding:0;
}
.sceditor-button { width:15px; }

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Different View

Post by kumotta on April 14th 2014, 7:31 pm

hello,

if i want to move topic icon, title and description form, reply box and emoticon at once. is there a code for it?

kumotta
Forumember

Female Posts : 204
Reputation : 3
Language : English

http://komiku.forumid.net/

Back to top Go down

Solved Re: Different View

Post by Ange Tuteur on April 14th 2014, 8:22 pm

If you mean the entire contents, you would need to do this :
Administration panel > display > templates > post & message private > posting_body

Find :
Code:
<div class="main-content frm">
 <fieldset class="frm-set multi">
 <!-- BEGIN switch_username_select -->

Replace by :
Code:
<div class="main-content frm">
 <fieldset class="frm-set multi editorContent">
 <!-- BEGIN switch_username_select -->

Save and publish.

Then use CSS to style it :
Code:
.editorContent { background:red; }

Reposition it you can use position :
Code:
.editorContent {
position:relative;
top:12px;
left:25px;
}

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Different View

Post by kumotta on April 14th 2014, 8:46 pm

and how to remove separator dashed line on posting body? Confused

kumotta
Forumember

Female Posts : 204
Reputation : 3
Language : English

http://komiku.forumid.net/

Back to top Go down

Solved Re: Different View

Post by Ange Tuteur on April 14th 2014, 8:50 pm

By this CSS :
Code:
fieldset.frm-set.multi.editorContent { border-bottom:none; }

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Different View

Post by kumotta on April 14th 2014, 9:19 pm

and the last question before solved, i want to make reply box standar view like this forum, and remove background color, and remove all separator on posting body, please help me to this part :rose:

kumotta
Forumember

Female Posts : 204
Reputation : 3
Language : English

http://komiku.forumid.net/

Back to top Go down

Solved Re: Different View

Post by Ange Tuteur on April 14th 2014, 9:36 pm

I'm not exactly sure what you're wanting now, but this forum is phpbb3. Are you referring to the messages or the editor still ?

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Different View

Post by kumotta on April 14th 2014, 9:55 pm

oh sorry ange, i will create new topic for this part.
topic solved~

kumotta
Forumember

Female Posts : 204
Reputation : 3
Language : English

http://komiku.forumid.net/

Back to top Go down

Solved Re: Different View

Post by SLGray on April 15th 2014, 4:24 am

Topic Solved & Archived


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35672
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

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