c# - Create constant size Background Image in Wrap Panel in WPF -


i want implement container has list items scroll able setting wrap panel's background image image stretching according items of wrap panel. want make background fixed content can scrolled without stretching background image. using following code. 

<scrollviewer x:name="imagescrollviewer" verticalscrollbarvisibility="auto" horizontalscrollbarvisibility="disabled">             <wrappanel x:name="panel" orientation="horizontal" >                 <wrappanel.background>                     <visualbrush>                         <visualbrush.visual>                             <image name="pnlbackground">                                 <image.opacitymask>                                     <lineargradientbrush startpoint="0,0.5" endpoint="1,0.5" >                                         <gradientstop offset="0.0" color="#00000000" />                                         <gradientstop offset="1.0" color="#ff000000" />                                     </lineargradientbrush>                                 </image.opacitymask>                             </image>                         </visualbrush.visual>                     </visualbrush>                 </wrappanel.background>                                     <listbox                  margin="5"                  selectionmode="extended"                  itemssource="{binding}"                  selectedindex="0"                   d:ishidden="true">                                         </listbox>             </wrappanel>         </scrollviewer>

instead of setting background wrappanel,try set background scrollviewer.i hope solve problem.

<scrollviewer x:name="imagescrollviewer"                        verticalscrollbarvisibility="auto" horizontalscrollbarvisibility="disabled">         <scrollviewer.background>             <visualbrush>                 <visualbrush.visual>                     <image  name="pnlbackground" source="f:\\tempscreen.png">                         <image.opacitymask>                             <lineargradientbrush startpoint="0,0.5" endpoint="1,0.5" >                                 <gradientstop offset="0.0" color="#00000000" />                                 <gradientstop offset="1.0" color="#ff000000" />                             </lineargradientbrush>                         </image.opacitymask>                     </image>                 </visualbrush.visual>             </visualbrush>         </scrollviewer.background>         <wrappanel x:name="panel" orientation="horizontal" >              <listbox              margin="5"              selectionmode="extended"               selectedindex="0"               >             </listbox>         </wrappanel>     </scrollviewer>

Comments

Post a Comment

Popular posts from this blog

php - Wordpress website dashboard page or post editor content is not showing but front end data is showing properly -

Image
recently have uploaded wordpress site onto server. have uploaded wordpress site in sub-folder under root folder ../root(domain root folder)/wordpress (where host wordpress folder). now problem content data in page or post in dashboard of wordpress admin panel not showing - see image. but data showing in front view - see image. if not browser cache issue , not issue happened tinymce editor during upgrade; try add config file: define('concatenate_scripts', false);
Read more

javascript - Get parameter of GET request -

i make request: createxhrrequest( "get", fileurl, function( err, response ) { if( err ) { alert( "error get!" ); } alert(response); }); and full response: { "status" : "ok", "message" : "jvberi0xljqkjdduxdgkmy how can jvberi0xlj ? i try response.message , response["message"]. nothing works. just simple access this: var json = json.parse(response); json.message
Read more

javascript - Twitter Bootstrap - how to add some more margin between tooltip popup and element -

Image
i have not tryed since can't understand space between tooltip , element made/added bootstrap, tooltip near element triggers tooltip event. i make tooltip opening little bit away element, add more margin tooltip , eleemnt mean. i understand how in css if possible , if possible make both right,left,top,bottom tooltips hope question clear. this how tooltips looks on app: and , how should looks after this default css tooltip on top : .tooltip.top { padding: 5px 0; margin-top: -3px; } you can override in own css : .tooltip.top { margin-top: -10px; } note code work work tooltip on top, you'll nedd adapt css 3 other orientations : .tooltip.top { margin-top: -10px; } .tooltip.right { margin-left: 10px; } .tooltip.bottom { margin-top: 10px; } .tooltip.left { margin-left: -10px; }
Read more