2017-06-06 49 views
0

我具有其中我改變身體語言在主到阿拉伯語和英語在下拉的選擇,以便從LTR元件的方向改變到RTL(如果英語樹膠)網絡形式,反之亦然。我有一個網頁,其中繼承該母版頁,我不希望這個頁面元素來改變自己的方向時,肢體語言的改變。我們可以修復,如果身體語言的改變頁面的方向?

這是它的外觀時,身體語言是英語 enter image description here

當轉換爲阿拉伯語它看起來像這樣 enter image description here

我用dir屬性(DIR =「升」)上的元素此頁,但它仍然改變其方向改變時,語言

此頁HTML:

 <div id="#phone" style="direction:ltr" dir="ltr"> 

         <div class="col-xs-12 col-sm-6 col-md-6 scrolling-list-container" dir="ltr"> 
         <div class="boxpadding boxshadow title-bar-standalone"> 
          <div class="col-xs-2 col-sm-1 col-md-1 pull-left"><i class="max_side_icon fa fa-bolt"></i></div> 
          <ul class="scrolling-list-holder"> 
           <%= FillEntityLevel() %> 
          </ul> 
         </div> 
        </div> 
        <div class="col-xs-12 col-sm-6 col-md-6 scrolling-list-container" dir="ltr"> 
         <div class="boxpadding boxshadow title-bar-standalone"> 
          <div class="col-xs-2 col-sm-1 col-md-1 pull-left"><i class="max_side_icon fa fa-bolt"></i></div> 
          <ul class="scrolling-list-holder"> 
           <%= FillServiceLevel() %> 
          </ul> 
         </div> 
        </div> 


         <div class="panel panel-default panel-osmm-1 panel-osmm-3" dir="ltr"> 
     <span>Progress</span> 
        <div class="row nopadding" dir="ltr"> 
         <div class="col-md-12 nopadding" dir="ltr"> 

          <div class="row" dir="ltr"> 

           <div class="col-lg-6 nopadding" dir="ltr">  
            <h3 style="text-align:center">Progress Chart</h3> <br />  
              <div id="Chart1Progress" class="ProgressChart" style="stroke-width:0px; width:550px" dir="ltr"> 


           </div> 


           </div> 
            <div class="col-md-2 nopadding" dir="ltr"> 
             <h3>Late Services</h3> 
           <div id="Chart2" class="grow LateServiceChart" style="width:300px; height:100%" dir="ltr"> 


           </div> 
           </div> 

             <div class="col-md-2 nopadding" dir="ltr"> 
             <h3>Ongoing Services</h3> 

             <div id="Chart3" class="grow OngoingServices" style="width:300px; height:100%" dir="ltr"> 

           </div> 
           </div> 

             <div class="col-md-2 nopadding" dir="ltr"> 
             <h3>Complete Services</h3> 

            <div id="Chart4" class="grow CompleteServices" style=" width:300px; height:100%" dir="ltr"> 

           </div> 
           </div> 



           </div> 






          </div> 




         </div> 
        </div> 


     <div class="col-xs-12 col-sm-6 col-md-6 " style="direction:ltr" dir="ltr"> 
     <div class="panel panel-default panel-osmm-1 panel-osmm-3" dir="ltr"> 
      <div class="panel-heading"> 
       <div class="col-xs-2 col-sm-2 col-md-1 pull-right"><i class="panel-heading-icon fa fa-book"></i></div> 
       Status 
      </div> 
      <div class="panel-body"> 

       You are at Add Scenario : 
       <br /><br /> 
       <div class="row"> 
        <div class="col-md-12"> 
          <div class="col-md-4 " style="text-align:center"> 
          <div class="FlowChartmain"> 
<div class="FlowChartcircle grow" id="C1"> 
<img src="images/user.png" /> 
</div> 
<div id="horizontal_line1"></div> 
<div class="FlowChartcircle grow" id="C2"> 
<img src="images/user.png" /> 
</div> 
<div class="line" id="horizontal_line2"></div> 
<div class="FlowChartcircle grow"id="C3"> 
<img src="images/user.png" /> 
</div> 

<div class="line" id="vertical_line1"></div> 

    <div class="FlowChartcircle grow"id="C4"> 
<img src="images/user.png" /> 
    </div> 
    <div id="horizontal_line3"></div> 

    <div class="FlowChartcircle grow" id="C5"> 
<img src="images/user.png" /> 
    </div> 
    <div class="line" id="horizontal_line4"></div> 
    <div class="FlowChartcircle grow"id="C6"> 
<img src="images/user.png" /> 
    </div> 

<div class="line" id="vertical_line2"></div> 

    <div class="FlowChartcircle grow"id="C7"> 
<img src="images/user.png" /> 
    </div> 
    <div id="horizontal_line5"></div> 
    <div class="FlowChartcircle grow"id="C8"> 
<img src="images/user.png" /> 
    </div> 
    <div id="horizontal_line6"></div> 
    <div class="FlowChartcircle grow"id="C9"> 
<img src="images/user.png" /> 

    </div> 
</div> 

        </div> 

<%--      <div class="col-md-4 grow" style="text-align:center"> 
           <a href="OSMM_ScenarioSetting.aspx"> 

         <img width="100px" src="images/1.png" /> 
         <br/> 
         <span>Add Scenario</span> 
            </a> 

        </div>--%> 

         <div class="col-md-4 pull-right"> 
       <span><b>Days Left</b></span><br /> 
     <div id="myclock" class="myclock timer"></div> 

          </div> 
         </div> 
       </div> 
      </div> 
         <br /><br /> 

     </div> 
      <br /><br /> 
    </div> 

     <div class="col-xs-12 col-sm-6 col-md-6"> 
     <div class="panel panel-default panel-osmm-1 panel-osmm-3"> 
      <div class="panel-heading"> 
       <div class="col-xs-2 col-sm-2 col-md-1 pull-right"><i class="panel-heading-icon fa fa-pencil"></i></div> 
      Description 
      </div> 
      <div class="panel-body"> 


مشروع إطار الإجادة الوطني يهدف إلى قياس جودة الأداء المؤسسي من خلال قياس 6 معايير أساسية ومعرفة مدى تطبيق الجهات الحكومية اللوائح والقوانين الصادرة من الخدمة المدنية: دليل الخدمات و الميثاق والتحول الإلكتروني للخدمات. 

      </div> 
     </div> 
    </div> 

     <br />   <br /> 
     <br /> 
     <br /> 
     <br /> 

    <div class="col-xs-12 col-sm-6 col-md-6 "> 
     <div class="panel panel-default panel-osmm-1 panel-osmm-3"> 
      <div class="panel-heading"> 
       <div class="col-xs-2 col-sm-2 col-md-1 pull-right"><i class="panel-heading-icon fa fa-pencil"></i></div> 
       <%= Resources.Lang.ListDelayedServices %> 
      </div> 
      <div class="panel-body scrolling-list-container"> 

        <%= FillServiceInfo(1) %> 

      </div> 
     </div> 
    </div> 

    <div class="col-xs-12 col-sm-6 col-md-6"> 
     <div class="panel panel-default panel-osmm-1 panel-osmm-3"> 
      <div class="panel-heading"> 
       <div class="col-xs-2 col-sm-2 col-md-1 pull-right"><i class="panel-heading-icon fa fa-pencil"></i></div> 
       <%= Resources.Lang.ListofOngoingServices %> 
      </div> 
      <div class="panel-body scrolling-list-container"> 

        <%= FillServiceInfo(2) %> 

      </div> 
     </div> 
    </div> 


       </div> 




     <div class="panel panel-default panel-osmm-1" runat="server" visible="false"> 
      <div class="panel-heading" "> 
       <div class="col-xs-3 col-sm-3 col-md-2 pull-left"><i class="panel-heading-icon fa fa-area-chart"></i></div> 
       <span class="local-sm-push"><%= Resources.Lang.Agency_Level %></span> 
      </div> 

回答

1

把方向在類應該解決您的問題。

+0

試過,什麼都不會發生 –

+0

看看這個例子(複製到一個新文件,html擴展和開放的Web瀏覽器: \t \t \t \t \t <體DIR = 'LTR' 的onload = 'this.dir =' RTL'> \t \t

aaaa bbbbb
\t \t
aaaa bbbbb
\t \t
aaaa bbbbb
\t –

相關問題