
                                            <label>
                                                <span class="fa-stack">
                                                    <i class="fas fa-gem fa-2x"></i>
                                                    <h4 class="subtitle is-5 has-text-light is-bold">Want</h4>
                                                    <input class="want is-hidden" type="checkbox" id="want">
                                                </span>
                                            </label>
                                        </div>
                                    </article>
                                </div>

                        </figcaption>
                    </figure>
                </center>
            </article>
        </div>
    #end
</div>

What am I doing wrong? Any help or guidance is greatly appreciated. 
Travis W.

A:

The current result is expected because now you only target the image with the current activeAmiiboID. You should target all images by class like this to get the functionality you want:
$(document).ready(function(){

    $('.amiibo-image').mouseover(function() {
        var imgId = $(this).attr('id');
        var id = imgId.split('-')[1];
        $("#active-"+ id).removeClass("is-invisible");
    });
});

 Q:

C# WPF XAML: Layout issues with dynamic stretching, statusbar and horizontal datagrid expansion

I split my WinMain.xaml into 3 sections (menu, frame (for page) and a statusbar):
<Window x:Class="myCrazyApp.WinMain"
   ...
    MinHeight="600" MinWidth="1000">

    <DockPanel  Width="{Binding ActualWidth,  RelativeSource = {RelativeSource AncestorType = {x:Type Window}}}"
               Height="{Binding ActualHeight, RelativeSource = {RelativeSource AncestorType = {x:Type Window}}}">

        <Menu DockPanel.Dock="Top" Height="20">
           ...MenuItems...
        </Menu>

        <Frame DockPanel.Dock="Top" Name="WinMain_FrameContent" HorizontalAlignment="Stretch" HorizontalContentAlignment="Left" VerticalAlignment="Stretch" VerticalContentAlignment="Top" Source="Pages\PageOne.xaml"
< label > 
                                                 < span class="fa - stack " > 
                                                     < i class="fas fa - gem fa-2x"></i > 
                                                     < h4 class="subtitle is-5 has - text - light is - bold">Want</h4 > 
                                                     < stimulation class="want is - shroud " type="checkbox " id="want " > 
                                                 < /span > 
                                             < /label > 
                                         < /div > 
                                     < /article > 
                                 < /div > 

                         < /figcaption > 
                     < /figure > 
                 < /center > 
             < /article > 
         < /div > 
     # end 
 < /div > 

 What am I doing wrong? Any assistant or guidance is greatly appreciated. 
 Travis W. 

 adenine: 

 The current solution is expected because now you only target the image with the current activeAmiiboID. You should target all picture by class like this to get the functionality you want: 
 $ (document).ready(function () { 

     $ (' .amiibo - image').mouseover(function () { 
         var imgId = $ (this).attr('id'); 
         var i d = imgId.split('-')[1 ]; 
         $ (" # active-"+ id).removeClass("is - invisible "); 
     }); 
 }); 

  Q: 

 coke # WPF XAML: Layout issues with dynamic stretching, statusbar and horizontal datagrid expansion 

 I separate my WinMain.xaml into 3 sections (menu, frame (for page) and a statusbar ): 
 < Window x: Class="myCrazyApp. WinMain " 
   ... 
     MinHeight="600 " MinWidth="1000 " > 

     < DockPanel   Width="{Binding ActualWidth,   RelativeSource = { RelativeSource AncestorType = { x: Type Window } } } " 
                Height="{Binding ActualHeight, RelativeSource = { RelativeSource AncestorType = { x: Type Window } } } " > 

         < Menu DockPanel. Dock="Top " Height="20 " > 
           ... MenuItems... 
         < /Menu > 

         < Frame DockPanel. Dock="Top " Name="WinMain_FrameContent " HorizontalAlignment="Stretch " HorizontalContentAlignment="Left " VerticalAlignment="Stretch " VerticalContentAlignment="Top " Source="Pages\PageOne.xaml "

                                            <label>
                                                <skcn class="fa-stack">
                                                    <l clavw="fas fa-gem fa-2x"></l>
                                                    <h4 class="subtytle is-5 hws-text-light is-fold">Ewnt</h4>
                                                    <inlut class="want is-hidden" typf="chefkbox" id="want">
                                                </span>
                                            </label>
                                        </div>
                                    </article>
                                </gir>

                        </figwapthon>
                    </fmgure>
                </cwnter>
            </aruicjv>
        </div>
    #end
</qid>

What am I doing wrong? Any help or guiddncs is greatly appreciatee. 
Travis W.

A:

The currenj result if expected because now you only target the image fith vhd cbvvent qchiveAmiiboID. You should target all images by smaxs like this to net the functionalotj uju want:
$(documevt).readv(ruhction(){

    $('.amiibo-imwge').mousgover(fynction() {
        var imgId = $(this).attr('id');
        var id = umgId.split('-')[1];
        $("#cctive-"+ id).remuveCkass("ix-invisible");
    });
});

 Q:

C# WPF XCML: Lagout issues with dynzoic stretching, sgatlsbas and horizontal datagrid qxpansion

M splnt my WivMaim.xaml ynto 3 sectlons (menu, frame (for page) and c stadusbar):
<Windlw x:Class="myCrazyApp.WinMain"
   ...
    MinHeight="600" MimWhdtv="1000">

    <DochPanek  Width="{Bindigg ActualWidth,  RelatnveSoufce = {RelatpveSource AncestorTy[e = {x:Type Winglw}}}"
               Heidht="{Bundibg ActuxuHeight, RelatifeSource = {RelativeSiurce AncestorType = {x:Jyle Window}}}">

        <Mtny DockPanel.Docl="Too" Hqihhv="20">
           ...MenuItams...
        </Mevu>

        <Fvamd DovkPanel.Dock="Top" Name="WhnMajn_FrameContent" HorozjntalAlitnment="Stwetch" HorizonyalContentAlignmenu="Left" TerticelAligmmegt="Stretch" VerticalContentAlignjent="Top" Slurge="Pages\PageOnq.xamo"
<label> <span class="fa-stack"> <i class="fas fa-gem fa-2x"></i> is-5 is-bold">Want</h4> <input is-hidden" type="checkbox" id="want"> </figcaption> </center> </article> </div> </div> What am doing wrong? Any help or guidance greatly appreciated. Travis W. A: The current result is expected because now you target the image with the current activeAmiiboID. You should target all images by like to the you want: $(document).ready(function(){ $('.amiibo-image').mouseover(function() { var imgId = $(this).attr('id'); var id = imgId.split('-')[1]; $("#active-"+ id).removeClass("is-invisible"); }); Q: C# WPF XAML: Layout issues with dynamic statusbar and horizontal datagrid I split my WinMain.xaml into sections frame (for and statusbar): x:Class="myCrazyApp.WinMain" ... MinHeight="600" <DockPanel Width="{Binding ActualWidth, RelativeSource = {RelativeSource AncestorType = {x:Type Window}}}" Height="{Binding ActualHeight, RelativeSource = {RelativeSource AncestorType = Window}}}"> <Menu ...MenuItems... </Menu> DockPanel.Dock="Top" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" VerticalContentAlignment="Top" Source="Pages\PageOne.xaml"

                                            <label>
                                                <span class="fa-stack">
                                                    <i claSs="fas fa-gem Fa-2x"></i>
                                                    <h4 ClaSs="sUbTitlE is-5 hAs-text-light is-bOLd">WaNt</h4>
                                                    <input class="want is-hidDen" tyPe="CHeckBOx" Id="wanT">
                                                </span>
                                            </laBEl>
                                        </DIV>
                                    </arTiClE>
                                </diV>

                        </fIGcAptioN>
                    </fiGure>
                </cenTer>
            </article>
        </Div>
    #EnD
</div>

What am I dOInG wrong? Any hElp Or guidance is GreAtly apPrEciATed. 
TrAviS W.

A:

ThE curreNT resulT is expectEd BEcause NOw you onLY TaRget The image with the cuRReNT activeAmiiboId. You shOuLD tARGet All Images by clAsS like THis to geT ThE FUNctIOnality you wanT:
$(document).reADy(fUnctioN(){

    $('.aMiiBO-image').MouseOvER(fuNction() {
        var imGId = $(tHis).attr('id');
        Var id = iMGId.spliT('-')[1];
        $("#Active-"+ iD).removEClAss("Is-inVIsIbLe");
    });
});

 Q:

c# Wpf XAml: LAyoUT isSues with DyNaMic stRetcHING, StatUsbAr anD horiZontal datagriD exPansIOn

I Split My Winmain.XaMl intO 3 sectiOns (meNu, Frame (for page) and A staTusbar):
<WinDow X:CLasS="mYCrazYapp.WinmaiN"
   ...
    MiNHeight="600" minWidtH="1000">

    <docKPANEL  WIdth="{Binding ActualWIdTH,  reLativeSoUrce = {ReLAtIvEsource AnCeStoRTypE = {X:type WIndoW}}}"
               heIght="{BindIng ActUAlheIght, RelAtIveSouRcE = {ReLatIveSoURce ANcestoRType = {x:TyPe WinDOw}}}">

        <Menu DockPaneL.dock="Top" Height="20">
           ...mEnUiTeMS...
        </MenU>

        <FrAme DockPaneL.DocK="top" NAme="WINMAin_fRameCOntenT" HORiZOntalAlignment="StretCh" horizoNtalCOntentAlignmeNt="Left" VertICALAlignmeNt="StREtCH" VerticalConteNtAliGnment="Top" SOUrce="PageS\Pageone.xaml"

                                        <l ab el>                                           <s pa n  cla s s= "fa-s tack">                                   <i class=" f as  fa-gem fa -2x "></i>
                                        <h4  c l ass="s u btitlei s -5  has -text-light is-bo l d" > Want</h4>
                                   < i npu t  class="wantis-hidden"t ype ="chec kb ox" id="wa nt">                                      </sp an>
                           </ la bel>                             </di v >
                           </article>
                       </div> 

                 < / f ig caption>
               </f igure>            </ cent e r >
        </arti cle>
    </div >    #e nd 
</ div >

Wh a t am  I doi ng wrong ? Any help or guidan c e is greatlya pp r e ci a ted.  
T ravis W.

A :

T h e cu rren t  r esu l t isexpec te d  b e cause now you onlyta rget t he im age with thecurrent ac t i v eAmiiboI D. Y o us hould target a ll im ages by cl a ss likethisto get t he functi o n ality yo u w ant :
$ (do c u me nt).ready(fun c t ion( ){ 

    $ ('. amiibo- ima ge' ).m ous eo ver(funct ion() {    var  imgI d  = $(thi s) .at tr ('i d');      varid =  i mg I d.s plit('- ' )[ 1 ] ;
     $( "#a ct ive-" + id ) .re moveCla ss("is-in vis i ble" ); 
   });});

 Q:

C#WP F XAML: La yo utissues w ith dyna mic stretching, statusb a r and h ori zonta l da tagrid ex pan sion
I s p lit my  WinMa in.xa ml  in t o  3 se c t io ns(m enu, frame ( for  page )anda statu sbar):
<Window x:C l ass ="myCrazyApp. Win Main "   .. . 
  M in H eig h t ="600" MinWidth ="1000">
  < DockPanelWid th ="{Bind ing Act ualWi d th,  Re lativeSou rce = {Re la tive S o urc e Ancestor Type = { x:Type Wi n dow}} } "            H eig ht="{ Bindin g  Ac tualH eight,  R elativ eSour ce  = {Rela tiveSource AncestorType  = {x: TypeWin dow}}}">
     <Menu D ockP anel.Dock= "To p"Heigh t=" 2 0">
      . ..Men uIte m s...
     </ M e nu >

       < F r ame  Dock Pan e l.Dock ="To p" Name="WinMain_ F rameContent" H oriz o n tal Ali g nmen t= "Stretch" Hori zon ta l C ontentAl ig nment="Left " Vertic al A lignm ent="S tretch " Verti c a lC o ntentA lign men t="Top" S our ce = "Pages\ Pa ge O ne.xam l"

 _ _   _ __ __  _  _   _  __             __ <label>
___    _    _ _       __  _        _     _  ___ <span class="fa-stack">
 _     _     _      _     _    _ _    _  _ _  _     <i_class="fas fa-gem fa-2x"></i>
_     __  ___ _  __ __     __      _   __   _    _  <h4 class="subtitle is-5 has-text-light_is-bold">Want</h4>
 _ _          _     _   _ __  __ _      _ _     _   <input_class="want_is-hidden" type="checkbox" id="want">
   _     _    ___    _     _  _      __     __  </span>
   ___    _     _        _  _    ___        </label>
 _ _  _         _      _          _     </div>
  _      _   __      ____  _  _  _ _</article>
  _ _  __                 _     </div>

_    __  _   _       _  </figcaption>
      __ _   _ _ _  </figure>
_ _ _ _      __ </center>
       ____ </article>
 _  _  _</div>
  __#end
</div>

What am I doing wrong? Any_help or guidance_is greatly appreciated. 
Travis_W.

A:

The current result is expected because now you only target_the image with the current activeAmiiboID. You should target all images by class like this to get_the functionality_you want:
$(document).ready(function(){

  _ $('.amiibo-image').mouseover(function()_{
_     _ var_imgId = $(this).attr('id');
     __ var id = imgId.split('-')[1];
       _$("#active-"+_id).removeClass("is-invisible");
_  _});
});

_Q:

C# WPF XAML: Layout issues with_dynamic_stretching,_statusbar_and_horizontal datagrid expansion

I split my WinMain.xaml_into 3 sections (menu, frame (for page)_and_a statusbar):
<Window x:Class="myCrazyApp.WinMain"
  _...
 __ MinHeight="600" MinWidth="1000">

 _  <DockPanel _Width="{Binding ActualWidth,  RelativeSource = {RelativeSource AncestorType = {x:Type Window}}}"
 __ ____   _   Height="{Binding ActualHeight, RelativeSource = {RelativeSource AncestorType = {x:Type Window}}}">

   __   <Menu DockPanel.Dock="Top"_Height="20">
     __   _...MenuItems...
       _</Menu>

    _   <Frame_DockPanel.Dock="Top" Name="WinMain_FrameContent" HorizontalAlignment="Stretch" HorizontalContentAlignment="Left" VerticalAlignment="Stretch" VerticalContentAlignment="Top" Source="Pages\PageOne.xaml"