Comments (2)
Hi @jonahx ,
from your example, it looks like part of the markup is generated so I might not fully capture where your issue is, but here's something that might help you - it's a little buried in the doc, under Behaviors attributes:
Note: When an href attribute is found on an element, Hyperview wraps the element with a "tappable" view. It is possible to customize the styles applied to that wrapping view by specifying the href-style property
What I suspect is happening here, is the href
on your behavior cause the additional surrounding view to wrap your content, in which case you might need to apply to it the flexbox attributes using the href-style
attribute, i.e.
<view style="MerchantList">
{% macro merchantCard(style='') %}
<view
style="MerchantCard {{ style }}" href-style="MerchantCard {{ style }}">
<behavior action="replace" href="/_partial.xml" trigger="press"/>
</view>
…
(I'm not sure what string goes in the variable {{ style }}
- if you could repost your example with the generated XML, I can take a closer look at the styling issue you're encountering.
Let us know if this helps!
from hyperview.
Thanks! Simply changing style
to href-style
fixed it!
from hyperview.
Related Issues (20)
- Web too ? HOT 3
- Date field value is not always YYYY-MM-DD HOT 1
- Incomplete documentation of Hyperview component HOT 1
- What would be a good way to trigger a tree update but from outside of XML? HOT 3
- Example app: Navigation to home doesn't work. HOT 3
- Example app: Scroll to list item doesn't work HOT 4
- Is _web_ URL routing (and reverse routing) supported? HOT 1
- <Image /> Local URL not working HOT 1
- Support connecting external navigation for screen with undefined navigation parameters HOT 2
- `trigger="visible"` behaviour is different on iOS than on Android when navigating screens using react-navigation HOT 3
- xmldom parserError - How to debug HOT 5
- Document fragments HOT 1
- django-hyperview package HOT 1
- Scroll indicator is shown for `<view trigger="refresh" scroll="true" shows-scroll-indicator="false"/>` HOT 5
- Congratulations on a 1000 stars. HOT 1
- Debounce not working with with `change` tigger. HOT 3
- Style and design systems HOT 1
- TypeScript types do not seem to be published with the NPM package. HOT 6
- Spelling/grammar mistake on hyperview.org HOT 1
- List refresh control does not follow orientation
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from hyperview.