Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,037

HOME > PHP > PHP Forum > อยากให้หน้าจอค้นหาข้อมูล กับหน้าจอแสดงผลข้อมูล มีความกว้างเท่ากัน แสดงผลเพี้ยนเฉพาะในมือถือน่ะครับ ในคอมปกติ มีรูป มีตัวอย่าง code ครับ



 

อยากให้หน้าจอค้นหาข้อมูล กับหน้าจอแสดงผลข้อมูล มีความกว้างเท่ากัน แสดงผลเพี้ยนเฉพาะในมือถือน่ะครับ ในคอมปกติ มีรูป มีตัวอย่าง code ครับ

 



Topic : 128883



โพสกระทู้ ( 586 )
บทความ ( 0 )



สถานะออฟไลน์




3

จากรูปด้านบน ผมใช้งานในคอมพิวเตอร์ทำงานปกติน่ะครับ แต่ผมใช้งานในมือถือแล้ว มันแสดงผล ดังรูปเลย คือผมอยากให้
หน้าจอตัวค้นหา กับหน้าจอตัว listing แสดงข้อมูลนั้นมีความ กว้าง เท่ากันอ่ะครับ ผมควรแก้ไขอย่างไรหรอครับ

Code (PHP)
<!-- page content -->
<div class="right_col" role="main">
	<div class="row">
		<div class="col-md-12 col-sm-12 col-xs-12">
			<div class="x_panel">
				<div class="x_title">
					<h2>Search Product Category<small><!--different form elements--></small></h2>
                    <ul class="nav navbar-right panel_toolbox">
						<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a></li>
                        <!--<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
							<ul class="dropdown-menu" role="menu">
								<li><a href="#">Settings 1</a></li>
								<li><a href="#">Settings 2</a></li>
							</ul>
                        </li>-->
                        <!--<li><a class="close-link"><i class="fa fa-close"></i></a></li>-->
                     </ul>
					<div class="clearfix"></div>
				</div>
				<div class="x_content">
					<br />
					<form id="search" action="product_category_query.php" method="post" data-parsley-validate class="form-horizontal form-label-left">
						<div class="form-group">
							<label class="control-label col-md-3 col-sm-6 col-xs-12" >Product Categroy </label>
							<div class="col-md-6 col-sm-6 col-xs-12">
								<input type="text" id="category_name" name="category_name" class="form-control col-md-7 col-xs-12" value="<?php if(isset($_REQUEST["category_name"])){echo $_REQUEST["category_name"];}?>">
							</div>
						</div>	
						<div class="form-group">
							<label class="control-label col-md-3 col-sm-6 col-xs-12">Status </label>
							<div class="col-md-6 col-sm-6 col-xs-12">
								<select class="form-control" id="status" name="status">
									<option value="">-- ทั้งหมด --</option>
									<?php echo config("status", $_REQUEST["status"], $conn);?>
								</select>
							</div>
						</div>
						<!--<div class="form-group">
							<label class="control-label col-md-3 col-sm-6 col-xs-12">Sort By </label>
							<div class="col-md-6 col-sm-6 col-xs-12">
								<select class="form-control" id="order_by" name="order_by">
									<?php echo order_by_category($_REQUEST["order_by"]);?>
								</select>
							</div>
						</div>-->
						<input type="hidden" id="order_by" name="order_by" value="no_id">
						<div class="form-group">
							<label class="control-label col-md-3 col-sm-6 col-xs-12">Rows Per Page </label>
							<div class="col-md-6 col-sm-6 col-xs-12">
								<select class="form-control" id="rows_per_page" name="rows_per_page">
									<?php echo rows_per_page($_REQUEST["rows_per_page"]);?>
								</select>
							</div>
						</div>
						<div class="ln_solid"></div>
						<div class="form-group">
							<div class="col-md-6 col-sm-6 col-xs-12 col-md-offset-3">
								<input type="hidden" name="mode" value="listing">
								<!--<input type="reset"  class="btn btn-primary" value="Reset">-->
								<input type="submit" class="btn btn-success" value="Search">
								<input type="button" class="btn btn-danger" onclick="add();" value="Add">									
							</div>
						</div>
					</form>
				</div>
			</div>                  
		</div>
                <div class="col-md-12 col-sm-12 col-xs-12">
			<div class="x_panel">
				<div class="x_title">
					<h2>Listing Product Category <small><!--Custom design--></small></h2>
					<ul class="nav navbar-right panel_toolbox">
						<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a></li>
						<!--<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
							<ul class="dropdown-menu" role="menu">
								<li><a href="#">Settings 1</a></li>
								<li><a href="#">Settings 2</a></li>
							</ul>
						</li>
						<li><a class="close-link"><i class="fa fa-close"></i></a></li>-->
					</ul>
					<div class="clearfix"></div>
				</div>

				<div class="x_content">
					<!--<p>Add class <code>bulk_action</code> to table for bulk actions options on row select</p>-->
					<table class="table table-striped responsive-utilities jambo_table bulk_action">
						<thead>
							<tr class="headings">                          
								<th class="column-title no-link last"><span class="nobr">Action</span></th>  
								<th class="column-title">Row </th>
								<th class="column-title">Product Category </th>
								<th class="column-title">Status </th>
								<th class="column-title">Remark </th>
								<!--<th class="bulk-actions" colspan="7"><a class="antoo" style="color:#fff; font-weight:500;">Bulk Actions ( <span class="action-cnt"> </span> ) <i class="fa fa-chevron-down"></i></a></th>-->
							</tr>
						</thead>
						<tbody>
						<?php $row=$Page_Start;?>
						<?php 
						while($r=mysqli_fetch_array($objQuery)){$row++;?>
							<?php if($row%2==0)
							{
								$class = "even pointer";
							}
							else
							{
								$class = "odd pointer";
							}?>
							<tr class=<?php echo $class;?>>
								<td class=" last">
									<a href="product_category_query.php?mode=edit&no_id=<?php echo $r["no_id"];?>#edit" class="btn btn-info btn-xs"><i class="fa fa-pencil"></i> Edit</a> 
									<a href="product_category_query.php?mode=deleted&no_id=<?php echo $r["no_id"];?>&category_name=<?php echo $_REQUEST["category_name"];?>&status=<?php echo $_REQUEST["status"];?>&order_by=<?php echo $_REQUEST["order_by"];?>&rows_per_page=<?php echo $_REQUEST["rows_per_page"];?>&Page=<?php echo $Prev_Page;?>" title="Delete" onclick="return check_delete();" class="btn btn-danger btn-xs"><i class="fa fa-trash-o"></i> Delete</a>
								</td>
								<td class=" "><?php echo $row;?></td>
								<td class=" "><?php echo $r["category_name"];?></td>
								<td class=" "><?php echo config_name("status", $r["status"], $conn);?></td>
								<td class=" "><?php echo $r["remark"];?></td>
							</tr>
						<?php }?>
						</tbody>
					</table>
					<code>Totals <?= $Num_Rows;?> rows : <?=$Num_Pages;?> page :
						<?php if($Prev_Page){
							echo " <a href='$_SERVER[SCRIPT_NAME]?mode=listing&category_name=$_REQUEST[category_name]&status=$_REQUEST[status]&order_by=$_REQUEST[order_by]&rows_per_page=$_REQUEST[rows_per_page]&Page=$Prev_Page'><< Back</a> ";
						}
						for($i=1; $i<=$Num_Pages; $i++){
							if($i != $Page){
								echo "[ <a href='$_SERVER[SCRIPT_NAME]?mode=listing&category_name=$_REQUEST[category_name]&status=$_REQUEST[status]&order_by=$_REQUEST[order_by]&rows_per_page=$_REQUEST[rows_per_page]&Page=$i'>$i</a> ]";
							}else{
								echo "<b> $i </b>";
							}
						}
						if($Page!=$Num_Pages){
							echo " <a href ='$_SERVER[SCRIPT_NAME]?mode=listing&category_name=$_REQUEST[category_name]&status=$_REQUEST[status]&order_by=$_REQUEST[order_by]&rows_per_page=$_REQUEST[rows_per_page]&Page=$Next_Page'>Next>></a> ";
						}?>
					</code>
				</div>
			</div>
		</div>
	</div>
</div>


Code (PHP)
.right_col{min-height: 1000px;}
body.nav-sm .navbar.nav_title {
    width: 70px;
}


ผมไม่แน่ใจว่าต้อง แก้ไข ตรง CSS นี้หรือเปล่าน่ะครับ ผมเลยเอา css .right_col มาให้ดูครับ รบกวนหน่อยครับ



Tag : PHP, CSS









ประวัติการแก้ไข
2017-09-12 17:44:01
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2017-09-12 17:41:46 By : nut_ch31 View : 1042 Reply : 1
 

 

No. 1



โพสกระทู้ ( 586 )
บทความ ( 0 )



สถานะออฟไลน์


อันนี้ทำได้แล้วครับ ใส่ Min-Width เข้าไปใน css
ช่วยดูอันนี้ให้หนอ่ยครับ

https://www.thaicreate.com/php/forum/128882.html#question






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-09-12 18:10:43 By : nut_ch31
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : อยากให้หน้าจอค้นหาข้อมูล กับหน้าจอแสดงผลข้อมูล มีความกว้างเท่ากัน แสดงผลเพี้ยนเฉพาะในมือถือน่ะครับ ในคอมปกติ มีรูป มีตัวอย่าง code ครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 05
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่