The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Different View

5 posters

Go down

Solved Different View

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

hello,  Hello 

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

Different View Postin18

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
kumotta
Forumember

Female Posts : 203
Reputation : 3
Language : English

http://komiku.forumid.net/

Back to top Go down

Solved Re: Different View

Post by Ange Tuteur 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
Ange Tuteur
Forumaster

Male Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: Different View

Post by kumotta 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

Different View Postin20

please help me to this part  Sad
kumotta
kumotta
Forumember

Female Posts : 203
Reputation : 3
Language : English

http://komiku.forumid.net/

Back to top Go down

Solved Re: Different View

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

Is your forum wrapper set in pixel or percent ?
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: Different View

Post by kumotta 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
kumotta
Forumember

Female Posts : 203
Reputation : 3
Language : English

http://komiku.forumid.net/

Back to top Go down

Solved Re: Different View

Post by Ange Tuteur 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
Ange Tuteur
Forumaster

Male Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: Different View

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

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

Female Posts : 203
Reputation : 3
Language : English

http://komiku.forumid.net/

Back to top Go down

Solved Re: Different View

Post by Beyonder April 14th 2014, 4:47 am

Its the devices view
Beyonder
Beyonder
Forumember

Male Posts : 726
Reputation : 29
Language : English
Location : Beyond Realm

http://fictionalomniverse.forumotion.com/

Back to top Go down

Solved Re: Different View

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

Hagoromo Otsutsuki wrote:Its the devices view

you have solution to this part?
kumotta
kumotta
Forumember

Female Posts : 203
Reputation : 3
Language : English

http://komiku.forumid.net/

Back to top Go down

Solved Re: Different View

Post by Pizza Boi 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
Pizza Boi
Hyperactive

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

Back to top Go down

Solved Re: Different View

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

Different View Box10
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
kumotta
Forumember

Female Posts : 203
Reputation : 3
Language : English

http://komiku.forumid.net/

Back to top Go down

Solved Re: Different View

Post by Pizza Boi 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
Pizza Boi
Hyperactive

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

Back to top Go down

Solved Re: Different View

Post by Ange Tuteur 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
Ange Tuteur
Forumaster

Male Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: Different View

Post by kumotta 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
kumotta
Forumember

Female Posts : 203
Reputation : 3
Language : English

http://komiku.forumid.net/

Back to top Go down

Solved Re: Different View

Post by Ange Tuteur 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
Ange Tuteur
Forumaster

Male Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: Different View

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

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

Female Posts : 203
Reputation : 3
Language : English

http://komiku.forumid.net/

Back to top Go down

Solved Re: Different View

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

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

Male Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: Different View

Post by kumotta 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
kumotta
Forumember

Female Posts : 203
Reputation : 3
Language : English

http://komiku.forumid.net/

Back to top Go down

Solved Re: Different View

Post by Ange Tuteur 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
Ange Tuteur
Forumaster

Male Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: Different View

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

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

Female Posts : 203
Reputation : 3
Language : English

http://komiku.forumid.net/

Back to top Go down

Solved Re: Different View

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

Topic Solved & Archived


Different View Slgray10

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

Male Posts : 51576
Reputation : 3525
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Back to top

- Similar topics

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