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:
avatar
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.
avatar
Ange Tuteur
Forumaster

Male Posts : 13151
Reputation : 2841
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
avatar
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 ?
avatar
Ange Tuteur
Forumaster

Male Posts : 13151
Reputation : 2841
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.
avatar
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.
avatar
Ange Tuteur
Forumaster

Male Posts : 13151
Reputation : 2841
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
avatar
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
avatar
Hagoromo Otsutsuki
Forumember

Male Posts : 570
Reputation : 23
Language : English
Location : Between Time and Space

http://fictionalomniverse.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?
avatar
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
avatar
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.
avatar
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
avatar
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; }
avatar
Ange Tuteur
Forumaster

Male Posts : 13151
Reputation : 2841
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?
avatar
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;
}
avatar
Ange Tuteur
Forumaster

Male Posts : 13151
Reputation : 2841
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
avatar
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; }
avatar
Ange Tuteur
Forumaster

Male Posts : 13151
Reputation : 2841
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:
avatar
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 ?
avatar
Ange Tuteur
Forumaster

Male Posts : 13151
Reputation : 2841
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~
avatar
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.

avatar
SLGray
Administrator
Administrator

Male Posts : 38737
Reputation : 2602
Language : English
Location : United States

http://classifiedads.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